Four Card Section

Community feedback

• 

  Akhlak Hossain Jim•1,325

  @Akhlak-Hossain-JimPosted over 2 years ago

  Your images are getting outside of the box.

  Try using:

  Display: flex;
  Flex-direction: column;
  

  In the .card class. Then margin: auto 0 0 auto; it should do the trick.

  0

  ---

  

  Rizkyani Indah Lestari•40

  @rzkyndhlstrPosted over 2 years ago

  @Akhlak-Hossain-Jim should I add that "margin: auto 0 0 auto" in card class as well?

  0

  

  Rizkyani Indah Lestari•40

  @rzkyndhlstrPosted over 2 years ago

  @Akhlak-Hossain-Jim I have added display and flex-direction in .card class, but it doesn't work :(

  0

  

  Akhlak Hossain Jim•1,325

  @Akhlak-Hossain-JimPosted over 2 years ago

  @rzkyndhlstr in the img

  0

  

  Akhlak Hossain Jim•1,325

  @Akhlak-Hossain-JimPosted over 2 years ago

  @rzkyndhlstr okay try this:

  .card {
  border-top: solid 5px;
      width: min(100%, 351px);
      box-shadow: 0 3px 20px 0px hsl(232deg 74% 85%);
      border-radius: 5px;
      display: flex;
      flex-direction: column;
  }
  .card-title {
   color: hsl(234, 12%, 34%);
  }
  .card-desc {
  color: hsl(229, 6%, 66%);
  max-width: 254px;
  padding-top: 20px;
      padding-bottom: 43px;
      line-height: 1.7;
      font-size: 0.8rem;
  }
  .card-img {
  width: 64px;
      height: 64px;
      margin-left: auto;
  margin-right: 0;
  }
  

  0

  

  Rizkyani Indah Lestari•40

  @rzkyndhlstrPosted over 2 years ago

  @Akhlak-Hossain-Jim It doesn't work

  0

  

  Akhlak Hossain Jim•1,325

  @Akhlak-Hossain-JimPosted over 2 years ago

  @rzkyndhlstr it works in my end

  0

  

  Rizkyani Indah Lestari•40

  @rzkyndhlstrPosted over 2 years ago

  @Akhlak-Hossain-Jim okaay, i will try it again. thank you for comment in here

  0

  

  Akhlak Hossain Jim•1,325

  @Akhlak-Hossain-JimPosted over 2 years ago

  @rzkyndhlstr if it doesn't work let me know I'll make a pull request to your github repo.

  0

  

  Rizkyani Indah Lestari•40

  @rzkyndhlstrPosted over 2 years ago

  @Akhlak-Hossain-Jim okaay I will tell you

  0