Design comparison
SolutionDesign
Solution retrospective
Accept Tips
Community feedback
- @darryncodesPosted almost 3 years ago
Hi Danilo,
Nice work on this challenge, all the elements are there!
I noticed the background image isn't present. This little guide might help.
Some quick tips:
- you might want to centre the design nicely in the viewport with Flexbox:
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
- you would then need to remove
position: relative;
andtop: 60px;
from.top
I noticed you have used some fixed heights which is bad practice for responsive design, you might find these resources useful:
- A Complete Guide to Flexbox - css tricks
- Learn Flexbox for free - Scrimba
- Responsive Web Design - freeCodeCamp
Hope it all helps!
Marked as helpful1@DandarksPosted over 2 years ago@darryncodes Thank you very much tips. Sorry for the delay in responding, I was focused on a contest. I'm back to active now.
0 - you might want to centre the design nicely in the viewport with Flexbox:
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