3 column card - Mobile first approach

Community feedback

• 

  Marlon Passos•940

  @MarlonPassos-gitPosted about 3 years ago

  some suggestions

  • each box I would put inside a <section>

  • I would put this code in an assignment so that it stays in the corner (decktop version, on mobile it would be something else)

       position: absolute;
       bottom: 15px;
       right: 20px;
  

  • I would reduce the size of the cards for the mobile version, they stretch a lot.

  • Instead of using padding: 15% on boxes I would recommend you to use something more FLEXIBLE 😙, I strongly recommend you to read this article, you will learn a good trick https://css-tricks.com/linearly-scale-font-size- with-css-clamp-based-on-the-viewport/#for-those-who-dont-mind-that-edge-case

  1

  ---

  

  Traz Davids•50

  @Royal-teaPosted about 3 years ago

  @MarlonPassos-git Thanks I'll give it a go. I tried opening the link but it doesn't seem to work. Which part are you suggesting should stay in the corner?

  0