Responsive landing using flex box and CSS Grid

Community feedback

• 

  Vitor Aragone•160

  @vitoraragonePosted almost 2 years ago

  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.

  Marked as helpful

  1

  ---

  

  Noe Cortez•40

  @noecortezPosted almost 2 years ago

  @vitoraragone Thanks a lot. I applied your suggestion and it looks phenomenal. Thank you.

  1