Hello FEM lovers,
After today's challenge, which took me around 7 hours, I know that I definitely need to practice more!
I have two things that I would like to discuss with you. Please feel free to answer one or both of them.
#1
Is there any improving advice on my RWD, which was not working perfectly? I was especially not sure about the following:
Desktop:
- .picture won't feat the 100% height of viewport
- left content I wrote 50%, and I wonder is there any more clever way to do so?
Mobile:
- background colour will not cover some part of the viewport when scrolling the page
#2
Is it okay to write the following CSS?
:root {
font-size: 1.5rem;
}
I think this is unusual, but it works. It's because I want to use em
and avoid writing more code for the next media query level.
Or do you have any better ideas for achieving this challenge without using media queries?
Thank you, and have a great day :D"