Submitted about 1 year ago

3 Column Preview - Tried using Flexbox as less comfortable with it

j-hogben•310

@j-hogben

Preview site View code

This is a solution for...3-column preview card component

HTML
CSS

1newbie

Design comparison

SolutionDesign

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).

Community feedback

Aram Nayebbandi•510
@devaramnyePosted about 1 year ago
You could make a h1 for sr-only so it is hidden for us but for accessibility purpose visible for screenreaders.
1

Please log in to post a comment

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