3 column preview card component quasi responsive

Hey, great work on this one. This solution is really nice to look at^^. Layout looks great, it is responsive and mobile state looks great.

For your questions:

1. To be honest, I am confused about the question:>. If you see this one, explaining it a bit would be great.
2. So I tried seeing the breakpoint and it looks good on my end. Are you referring to mobile state where the main has only small height. If that's it, it is because you are using height: 100% on the main which is relative to the body's height: 100% which you shouldn't do. Also on the section it is using height: 28rem.

Aside from those, here are some suggestions:

• Avoid using height: 100% on the body or html as it will be relative to the screen of the user. This will limit the height. Use min-height: 100vh instead so that the layout's height will expand if needed.
• Also, on your markup, remove those meta tags and link inside the body tag. Those should be placed inside the head.
• On the main tag, to make the layout centered, use min-height: 100vh and replace the height: 100% by it.
• It would be great to make the footer outside of the main so that it will be on its own row:

<main />
<footer />

• When you are using aria-hidden="true" on an image, make sure that you are using alt="" since you are hiding the image.
• Also, When using img tag, you don't need to add words that relates to "graphic" such as "picture" and others, since img is already an image so no need to describe it as one.

Those only, again, great job for this one.