Submitted 2 months ago
Responsive landing page created using JavaScript
@TheBeyonder616
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I was able to get the design right
What challenges did you encounter, and how did you overcome them?Getting the right aspect ratio for the mobile image
What specific areas of your project would you like help with?Any advice would do
Community feedback
- @Deeperr0Posted 2 months ago
Great work! However maybe you can add a little bit of padding-top to your header. That way the navbar wont be very close to the top of the screen. So your css would look more like this .header { padding-top: 60px; min-height: 100vh; background-size: cover; background-color: rgba(0, 0, 0, 0.1); background-blend-mode: multiply; background: none; transition: background 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
Marked as helpful0@TheBeyonder616Posted 2 months ago@Deeperr0 Thanks I struggled to get the background right
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