Mobile First

[derekweaver]

So I have coded a page for 450 px, and want to now expand it so that it can accommodate 800px, then obviously 1024px and greater.

Every time I try to add an @media query the page breaks down. I have put the querry before the "html" in css, or "body" using @media (max-width 450px).

Or work is graphic heavy as we are artists who do direct sales.

Did I do this backwards, should I have made the large version first?

 

screen.css index.html button_f.tif button_i.tif logo_sm.tif

Edited November 27, 2020 by derekweaver

[administrator]

Just breakdown the page into simpler elements and then you can isolate where the problem is.

Stef