Design comparison
SolutionDesign
Solution retrospective
Firefox didn't support :has() CSS pseudo-class
, so I convert it via JS.
for now it's working, but my JS code need to be improved, it's not friendly =(
Community feedback
- @AdrianoEscarabotePosted about 2 years ago
Hi Alexei, how are you?
I really liked the result of your project, but I have some tips that I think you will enjoy:
- To align some content in the center of the screen, always prefer to use
display: flex;
it will make the layout more responsive!
Example:
body { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
The rest is great!
I hope it helps... 👍
Marked as helpful1@Batareika007Posted about 2 years ago@AdrianoEscarabote Hi Adriano! I absolutely forgot to center it =) now I see what I missed. Thanks for your feedback 👍
1 - To align some content in the center of the screen, always prefer to use
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord