darryncodes• 6,430
@darryncodes
Posted
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 helpful
1
Danilo• 20
@Dandarks
Posted
@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