Base-apparel-coming-soon-page - HTML CSS JavaScript
Design comparison
Solution retrospective
Both sides close to the breakpoint dont look good, should fix
Community feedback
- @pradeeps4iniPosted over 2 years ago
Hi, Adam.
Your project looks great.
I would like to suggest few changes, which will make your code a little better.
-
In the desktop mode, .hero-img has "height: 100vh", when we minimize the window height, it makes the image to become shorter and also the top of image goes out of focus. You should change it to "height: auto", this way image will take the space it needs and also stay in focus and won't lose its height.
-
Don't use <header> element twice on the page. Use it only once to define the header of the page. You're using header to wrap the image, which is not good for accessibility.
Marked as helpful0@ABaker14791Posted over 2 years ago@pradeeps4ini Thanks I'll look into chose suggestions
0 -
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