Mastodawn

I am hardly an expert at this, however I did the free code camp responsive web design course during lockdown in 2020/21.

IIRC a media query is used to take the screen size and apply specifc attributes (such as font size) according to the size (in pixels) of the screen.

https://www.w3schools.com/css/css3_mediaqueries.asp

Clearly a desktop / laptop screen is a lot bigger than a tablet or mobile.

It should be possible to resize images, much easier with svg as they are meant to scale.

Hope this helps

#html
#css
#mediaquery
#webdesign

Hopefully someone can help with this.

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

Inautilo Dec 8

#Development #Approaches
Adaptive SVG favicons · Favicons using the ‘prefers-color-scheme’ media query https://ilo.im/168quh

_____
#Favicon #SVG #CSS #MediaQuery #Colors #ColorScheme #LightMode #DarkMode #WebDev #Frontend

How To Create an Adaptive SVG Favicon Using the prefers-color-scheme Media Query

YouTube

Inautilo Nov 26

#Development #Misconceptions
CSS light-dark() vs. prefers-color-scheme · “light-dark() isn’t just a shorter ‘prefers-color-scheme’ query.” https://ilo.im/168oi0

_____
#CssFunction #MediaQuery #LightMode #DarkMode #Browser #WebDev #Frontend #CSS

light-dark() isn't always the same as prefers-color-scheme

`light-dark()` and `prefers-color-scheme` treat the defined `color-scheme` values differently.

Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend Sep 29

How much do you really know about media queries?

https://fed.brid.gy/r/https://frontendmasters.com/blog/learn-media-queries/

Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend Sep 12, 2025

Breakpoint Columns, Five Ways. Which Do You Like?

https://fed.brid.gy/r/https://frontendmasters.com/blog/breakpoint-columns-five-ways-which-do-you-like/

robrich May 27, 2025

https://dev.to/maroun_baydoun/using-media-queries-with-javascript-4aeo - use #CSS #MediaQuery in #JavaScript. Nice code samples https://www.linkedin.com/in/marounbaydoun.

Using media queries with JavaScript

Media queries are not limited to CSS. JavaScript can also react to them. This can be very useful when...

DEV Community

Nils Hörrmann May 15, 2025

In Safari, does anyone know why the existence of a container definition (`container-name`/`container-type`) in a layout results in media queries not getting executed at all or being delayed by 5 to 10 seconds? Like you resize the window and nothing happens, you can still interact with the site and then suddenly the layout flips?! Experienced this for the first time and am a bit stumped.

#webdesign #css #safari #bug #containerQuery #mediaQuery