Skip to content
Submitted almost 2 years ago

FLEX||GRID

i_d_s_l•270
@ilvdrskn
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

Solution retrospective

Hello everyone! I made a desktop version by GRID and a mobile one by FLEXBOX

Community feedback

  • バレンタイン 😈•64,170
    @VCaramesPosted almost 2 years ago

    Hey there! 👋 Here are some suggestions to help improve your code:

    • The header ⚠️ should be outside the main element for improved semantics.
    • The section element is being used incorrectly ⚠️ and not needed for this challenge .
    • Your email input ⚠️ needs to have a visibly hidden label attached to it for improved accessibility.

    MDN Label Element

    • Implement a "Mobile First" approach 📱 > 🖥

    Mobile devices are now the dominant 👑 way in which people browse the web, it is critical that your website/content looks perfect on all mobile devices.

    More Info: 📚

    Mobile First

    If you have any questions or need further clarification, feel free to reach out to me.

    Happy Coding! 🎆🎊🪅

    Marked as helpful
    1

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