Skip to content
Submitted almost 3 years ago

3 stat column using pure HTML & CSS Grid by Mac Learns

Mayank Agarwal•70
@mayank-2323
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi,

Is there any way I can make all 3 buttons come in a single line across the 3 columns? Also, can I make the code any more Responsive? I want to make it as Responsive as possible.

Community feedback

  • DroopyDev•80
    @droopydevPosted almost 3 years ago

    Hey Mayank! To make all 3 buttons be in the same horizontal line is to have them all align to the bottom. That's because the text content (the p tag) can be dynamic and have different heights, but the button will always be at the bottom. Currently, the height of the .card-para across the 3 cards are different. Make It flex so that its height takes up the whole remaining vertical space

    0

Please log in to post a comment

Log in with GitHub

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