3 column preview card Mobile First Grid flexbox and Sass

Community feedback

• 

  Byron•2,290

  @byronbyronPosted about 3 years ago

  To get all the cards next to each other, you could try adding a display: flex; to the .container for screen widths above 768px...

  @media (min-width: 768px) {
      .container {
          display: flex;
      }
  }
  

  Marked as helpful

  1

  ---

  

  Alexandre•80

  @alexandre-dev29Posted about 3 years ago

  @byronbyron Thanks so much I have tested it and it works, all the cards are aligned all three for screens widths above 768px :)

  0
• 

  Parves Hossain Rabby•560

  @IamparvesPosted about 3 years ago

  Hi @alexandre-dev29,

  Your cards are too much bigger and it feels like there are a lot more white space compared to the original design. And maybe you forgot to use the border-radius.

  Also you should fix the buttons hover effect. It moves a little. The reason is that the button has border only in hover state. You should give it border in default state as well.

  1

  ---

  

  Alexandre•80

  @alexandre-dev29Posted about 3 years ago

  @Iamparves Thanks for the feedback , i'll try to resolve this ☺☺☺

  0

  

  Alexandre•80

  @alexandre-dev29Posted about 3 years ago

  @Iamparves i have done some changes can you please check it? thanks

  0