Skip to content
Submitted over 2 years ago

Base Apparel Coming Soon

Joel•300
@JoeMarv
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Base Apparel coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Community feedback

  • Prince Roy•1,210
    @iprinceroyyPosted over 2 years ago

    Hey @JoeMarv, I would suggest some points here:-

    1. There should be one main landmark to avoid accessibility issues, where goes the content like this <body><main>Your content....</main></body>
    2. You can't use the h1 tag more than once, the perfect way here is HTML: <h1>we're <span>coming soon</span></h1> CSS: span{display: block; } .heading{ padding: apx; } Set the value of "a" such that the h1 element gets aligned similar to the design.
    3. Use a label tag for the button element to avoid HTML issues.
    4. img tag must have alt attributes.

    Hope it adds to your learning. Happy Coding :)

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

Join 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