Plain CSS solution

Community feedback

• 

  Shard Codes•430

  @Shard-CodesPosted over 2 years ago

  Hello Erwin, You did a great job on the challenge

  Here's how you can fix your problem.

  1. on your column-card element, add a max-width of 968px and width to 90%.

  2. on your card element, remove the height and set your width to 100%.

  3. Get rid of your 350px media query, As you don't need it.

  I hope this helps happy coding.😊

  Marked as helpful

  1

  ---

  

  erwin•60

  @lanszeszPosted over 2 years ago

  @Shard-Codes Hi! Thank you for your solution!

  You gave me a good idea:

  @media (max-width: 790px) {
  main.columncard div.card {
          max-width: 100%;
      }
  }
  

  This way the text wraps nicely, just how I wanted. I decided to keep the 350px media query, so it looks a little bit nicer on Galaxy Fold in my opinion. 😁

  Happy coding 4 you too!

  0