Skip to content
Submitted over 4 years ago

Base Apparel with CSS Grid

Sunny•525
@statanasova
A solution to the Base Apparel coming soon page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I built the solution mobile first using CSS Grid with

  • 1 column and 3 rows for mobile
  • 2 columns and 2 rows for desktop, with the image spanning the 2 rows in the 2nd column

Is this a good way to approach the grid?

Accessibility I tried linking the error text with the input by adding aria-describedy="subscribeErrorText" to the input field when the error is shown. Is this legitimate? Are there other/better ways of doing it?

Any other feedback on the layout and the code is appreciated :) Have fun

Code

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Sunny's solution.

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