Skip to content
Submitted 3 months ago

Typemaster landing page with flexbox and grid

#sass/scss#gulp
P
DocForLoop•430
@DocForLoop
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Typemaster pre-launch landing page
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

What challenges did you encounter, and how did you overcome them?
  • proper layout positions
  • decor placements
What specific areas of your project would you like help with?
  • Feedback is welcome!

Community feedback

  • Grace•32,170
    @grace-snowPosted 3 months ago

    Really nice looking solution, well done!

    The only issues I see in this are

    • buttons being used for what should be links.
    • an aria-label that's changing the text of a button. That should be removed. It can cause problems for speech control if you change accessible names of controls that already have visible text inside.
    • what I already mentioned on discord: make sure text like the release date can wrap onto a new line when there isn't enough horizontal space. Make sure you test down to 320px wide.
    Marked as helpful
    0
    P
    DocForLoop•430
    @DocForLoopPosted 3 months ago

    @grace-snow Thank you very much! :)

    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