Good day everyone, we all know if we're browsering with our phones, the webpage layout contents fall under eachother but when you use a bigger screen like laptop or desktop computer to browse the layout contents are arranged in columns. My questions is how can I make my webpage layout work perfectly on both screens?

Do you mean how to make you website responsive?

Akhigbeblog:
Good day everyone, we all know if we're browsering with our phones, the webpage layout contents fall under eachother but when you use a bigger screen like laptop or desktop computer to browse the layout contents are arranged in columns. My questions is how can I make my webpage layout work perfectly on both screens?

give us a visual of what you have done.

Akhigbeblog:
Good day everyone, we all know if we're browsering with our phones, the webpage layout contents fall under eachother but when you use a bigger screen like laptop or desktop computer to browse the layout contents are arranged in columns. My questions is how can I make my webpage layout work perfectly on both screens?

By specifying rulesets. In other words, by using media queries in your css sheet.

Akhigbeblog:
Good day everyone, we all know if we're browsering with our phones, the webpage layout contents fall under eachother but when you use a bigger screen like laptop or desktop computer to browse the layout contents are arranged in columns. My questions is how can I make my webpage layout work perfectly on both screens?

It is called Responsive Design, and you need to learn it to make your page adapt to all screen sizes. It is made by adding media queries to your CSS.

Your content is not looking okay on all devices because your page is not yet responsive.

You need to write some more CSS rule sets to make that happen. Just look for tutorials on media queries and responsive design and you'll see how it is done; you will not be learning a lot of new stuff; just how to modify your existing style sheets or add a new style sheet to your HTML head tag.

To make responsive design a painless experience, you need to learn how to use some CSS3 properties like Flex-box and Grid instead of Float and also learn how to use units like vh, vw, rem, % instead of px.

SUPREMOTM:


It is called Responsive Design, and you need to learn it to make your page adapt to all screen sizes. It is made by adding media queries to your CSS.

Your content is not looking okay on all devices because your page is not yet responsive.

You need to write some more CSS rule sets to make that happen. Just look for tutorials on media queries and responsive design and you'll see how it is done; you will not be learning a lot of new stuff; just how to modify your existing style sheets or add a new style sheet to your HTML head tag.

To make responsive design a painless experience, you need to learn how to use some CSS3 properties like Flex-box and Grid instead of Float and also learn how to use units like vh, vw, rem, % instead of px.

Just like this comment. You need to add up a developer tools usage in browsers. With this you can resizr and select the screen size you want.

seunisamidget10:
Go learn bootstrap!

Gerrout of here

funny but true. I use tailwind CSS and bit of bootstrap. But understand CSS before coming to this