
Submitted over 2 years ago
https://nasershareef.github.io/Practice-Frontend-Dev-5/
@yahyashareef48
Design comparison
SolutionDesign
Solution retrospective
In this I learned like opacity and shadows
Community feedback
- @AdrianoEscarabotePosted over 2 years ago
Hello nasershareef, how are you? I truly loved your project's outcome, however I have some advice that I hope you'll find useful:
To align some content in the center of the screen, always prefer to use
display: flex;
it will make the layout more responsive!body { margin: 0; padding: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; min-height: 100vh; }
Add a padding to the body, so that the content in lower resolutions doesn't hit the edge of the screen!
The remainder is excellent.
I hope it's useful. 👍
1
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