hi there! 👋
Changing your layout depending on the screen size can be achieved with @media
queries in your CSS file. After defining a @media
querie you can make changes on the layout you made before. For example:
@media screen and (min-width: 768px) {
h1 {
font-size: 3rem;
}
}
would change the h1
element's font-size
to 3rem, but only if the screen size is 768px or more. Below that value your original properties gets applied to the page.
Hope this was helpful 🙏
Good luck and happy coding!
Marked as helpful
@NateDaveHill
Posted
@kodan96 that’s awesome! Thank you, will give this a try ! 🙏