Responsive card, using grid

Community feedback

• 

  P

  Emmilie Estabillo•5,540

  @emestabilloPosted almost 3 years ago

  Hi @Vidottizzz, good job in completing the project! The trick is to make a grid with 3 columns and 4 rows. You can then position the left and right cards at grid-row: 2/3.

  Other points:

  • Heading tags: h2 is missing between h1 and h3. It's not recommended to skip the order
  • At the 985px breakpoint, the cards are touching the side gutters and creating an overflow
  • Cleanup: As an example, margin: 0 auto 1rem auto can be simplified to margin-bottom: 1rem , and padding: 0 0 can be deleted (unless both are media query styles and are overriding previous declarations. But in this case, they are not)

  Hope this helps!

  Marked as helpful

  0
• 

  Guilherme Fernandes Vidotti•520

  @VidottizzzPosted almost 3 years ago

  Thank you!!!

  1