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. 🙂
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...
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Well, I noticed that you set your
article.page
to awidth
of1080px
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.
So how do I make this webpage responsive?
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...