@RocTanweer
Posted
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
Posted
@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.
@isabelalims
Posted
@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.
