Hi!
I still don't know how to build my page responsively, applying it to the code I wrote. can someone help me?
Thank you!
Hello 👋 Isabela, For responsiveness, you could do something like this...
h1{
color : blue;
}
@media {max-width : 768px} {
h1{
color : red;
}
}this code says that the color of h1 is blue but when the size of screen is below or at 768px the color of h1 is red.
like h1, you can change the property of any element at certain width...this is called responsiveness. Remember to use relative units like rem And avoid using px.
Hope it helps ☺️
@RocTanweer One more thing...
max-width : 768px mean...for screen width 768px or less.
You may also use min-width...
min-width : 768px implies for screen width 768px or more.
@RocTanweer Hi! Thanks for your explanation, it helped me a lot! I'm gonna study more about responsive design, this is getting in the way of creating better pages.
Give some feedback to isabelalims about their solution
Join over 45,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!