Design comparison
SolutionDesign
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
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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