DEV Community

Discussion on: The text won't scale with CSS scaling

Collapse
thinkverse profile image
Kim Hallberg

Well, I noticed that you set your article.page to a width of 1080px as the default, and then you're not changing it on the other viewport sizes, as well not structuring your CSS in a way that's understandable at first glance, such as mixing media queries and non-media queries, the best approach of doing responsive front-end is to go with the mobile-first approach, that way you're dealing mostly with simple rows and then you add the more complicated designs on top of that, here's a quick demo I made for you. 🙂

codepen.io/Thinkverse/pen/oNxzrJw

I hope that helps.

Collapse
lolleri200 profile image
lolleri200 Author

So how do I make this webpage responsive?

Collapse
anders profile image
Anders

You should probably look into media queries and adapt your CSS depending on the viewport size, or alternatively work with %:ages and max-width etc
w3schools.com/css/css_rwd_mediaque...