Responsive landing using flex box and CSS Grid

Hi Noe!

You can use display: grid at the div .card instead of display: flex.

I suggest you to make something like this:

      .card {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }

This will make the layout easily responsive. Also, I suggest you to create a css file. Isn't the case in this challenge, but it makes the code easier to explore. In bigger projects, a huge style in html would be very difficult to read.

Hope this helps you. ;)

(I'm new at this whole thing. Feel free to correct me).

Hope this helps you.