Aram Nayebbandi• 510
@devaramnye
Posted
You could make a h1 for sr-only so it is hidden for us but for accessibility purpose visible for screenreaders.
1
Design comparison
Solution retrospective
I wasn’t quite sure what to do with no obvious h1 (for SEO and accessibility purposes). I ended up begrudgingly not having an h1 here, but would be interested to know how anyone would recommend putting one in!
I used HTML, CSS and Flexbox.
As always, feedback and suggestions always welcome!
Used margin-bottom: auto so the ‘Learn More’ links on each card would always stay level, (trying to think in terms of device/screen responsiveness).
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