3-column-preview-card-component-main

Community feedback

• 

  Fatlind Shehu•2,230

  @fatlindshehuPosted over 2 years ago

  Hello @iammankatah,

  Try this in order to make the site responsive for desktop and mobile:

  • Make a container that includes three cards with the same HTML (Just the content different)
  • Use border-radius for the main container
  • Use flexbox to center the main container & also the elements inside the container.
  • Change the flex-direction in mobile to column
  • If you're unfamiliar with flexbox check this LINK
  • Give the card the same class name for the same CSS and give them another class name for the different styles (colors in this case)

  Best of luck!

  Marked as helpful

  1

  ---

  

  iammankatah•40

  @iammankatahPosted over 2 years ago

  @fatlindshehu Thanks so much

  0