Submitted over 2 years ago

CSS HTML

vcodey• 270

@v-codey

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

3-column preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I have a question regarding the height of the card when the viewport width is varied or you can say when we check the responsiveness by varying the resolution width in dev tools the height of the card alter differently (i.e. 2 card heights are same but the middle ones height is less) because of there content being different. My question is how to keep a fixed height of the cards max-height and fit-content doesn't seem to be helping.

Community feedback

Naveen Gumaste• 10,480

@NaveenGumaste

Posted over 2 years ago

Hello vcodey ! Congo 👏 on completing this challenge

Let's look at some of your issues, shall we:

Add Main tag after body <main class="container"></main>
Learn more on accessibility issues

happy Coding😀

vcodey• 270

@v-codey

Posted over 2 years ago

@Crazimonk

should I use container class in the main tag ??
<main> is after <body> didn't understood your point, can you elaborate your point a little bit more.

Naveen Gumaste• 10,480

@NaveenGumaste

Posted over 2 years ago

@v-codey

Yes for first point
after body tag See this solution you will understand

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