Responsive 3 column card using flexbox.

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Nomatter, congratulations for your new solution!

  I saw your solution and is just amazing. You've paid a lots of attention for the card responsivity, is really flexible and is full responsive mobile and desktop.

  Answering your question:

  In this challenge you don't need to change the font-size because it works until 100px without having issues with the font displaying inside the container. I like to give the font in mobile version at least 20% less the size of the regular font to have a better fit in small screens, so you can try to do it to with the h1 and p after the screen width 280px.

  👋 I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  nomatter•110

  @itsgonenowPosted about 2 years ago

  @correlucas Hello Lucas,

  Changes have been made to (max-width: 280px) on font-size to 80% as you said and the padding around the 'Learn More' anchor as well. It looks way cleaner now! Thank you so much for the useful info.

  Have a good day!

  0