All comments

• 

  Anuoluwapo Aina• 50

  @AnuoluwapoAina

  Submitted almost 3 years ago

  

  Order Summary

  1

  10

  

  Alexandre• 80

  @alexandre-dev29

  Posted almost 3 years ago

  Really good Job 😋

  just a couple of suggestions:

  • can you create some hover effect on the button? to make the card looks interactive
  • Also I think a hover effect on the card itself will be a great idea, to make feel some kind of motion, just perhaps scale it a little
  • on the mobile view just add the size of the card or reduce the padding of the container because the text looks like not fit on small devices.

  Marked as helpful

  0

  This comment has received 2 repliesShow
• 

  Mary Njoroge• 150

  @Maryahcee

  Submitted almost 3 years ago

  

  Stats preview card component challenge

  1

  20

  

  Alexandre• 80

  @alexandre-dev29

  Posted almost 3 years ago

  Really good Job ☺☺☺

  Just two things, on the mobile view, can you reduce the height of the image part!! it takes almost all the part of the card. and also apply some padding on the title of the card in the mobile view.

  Marked as helpful

  0
• 

  Emma• 10

  @emmajeanne

  Submitted almost 3 years ago

  

  preview card component styles with CSS inline-block

  2

  10

  

  Alexandre• 80

  @alexandre-dev29

  Posted almost 3 years ago

  also on the mobile view, the border radius should be

  • on top(right and left ) for the first card
  • on bottom(right and left ) on the last card

  0
• 

  Emma• 10

  @emmajeanne

  Submitted almost 3 years ago

  

  preview card component styles with CSS inline-block

  2

  10

  

  Alexandre• 80

  @alexandre-dev29

  Posted almost 3 years ago

  Can you create the hover effect on the button? i suggest you.

  • first put border property on the button white the color white
  • then on hover, just set the background color of to button to transparent.

  something like

  .button{
     border: solid 20px transparent;
  border-radius: 30px;
  }
  .button:hover{
    background-color: transparent;
   border: solid 20px white;
  }
  

  0