Skip to content
Submitted about 3 years ago

responsive site using css grid

Ryan Calacsan•200
@ryancalacsan
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

Wondering if there is a better way to position/size the background image so that it still matches the design but doesn't tile at some views? It seems the svg given is sized to match the design at 1440 when using contain but then will tile at bigger/odd sizes. Other than that I felt the design went pretty straightforward but always appreciate any feedback! Thanks!

Community feedback

  • dewslyse•3,025
    @dewslysePosted about 3 years ago

    Awesome implementation Ryan 🔥🔥. I wish I had an answer to your question. Faced a similar issue when I completed this challenge. Anyways, remember to add aria-label to your <button> and also the <section class="hero"></section> is missing an h.

    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