four-card-feature-section-master

What are you most proud of, and what would you do differently next time?

I am proud i was able to closely mirror the challenge

What challenges did you encounter, and how did you overcome them?

Biggest challenge was learning grid. I went to my trusty cheat sheet to learn how to align child elements.

What specific areas of your project would you like help with?

I need help learning grid. I wasnt sure to align my first and third card.

.card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        background: white;
        border-radius: 10px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        padding: 20px;
        width: 250px;
        min-height: 200px;
        border-top: 4px solid transparent;

        img {
            align-self: self-end;
        }
    }
 .card:nth-child(1) {
        grid-column: 2 / 3;
        grid-row: 1;
        align-self: center;
    }


    .card:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    .card:nth-child(3) {
        grid-column: 2;
        grid-row: 2;
    }