HTML and CSS (flexbox, sass) responsive component

Community feedback

• 

  hardy•3,660

  @hardy333Posted about 3 years ago

  Hey, what can I say, your html looks good and clean , you are using semantic tags, your classNames are quite organized, css also looks good. website is clean cand responsive, very impressive -- GOOD JOB.

  Also one small suggestion will be to add some horizontal padding to container or margins to card - on medium screen sizes.

  Have a nice day.

  Marked as helpful

  4

  ---

  

  mcz•95

  @mauCZPosted about 3 years ago

  @hardy333 thanks, i updated the deployment

  0
• 

  darryncodes•6,390

  @darryncodesPosted about 3 years ago

  Hi Mcz,

  Excellent solution, very responsive - well done!

  • like you said a few options to get the image right, you could try adding a solid linear-gradient to a background image: background-image: linear-gradient(hsl(277, 64%, 61%), hsl(277, 64%, 61%) ), url(../your/image-filepath);
  • also explore background-blend-mode

  All the best

  Marked as helpful

  1

  ---

  

  mcz•95

  @mauCZPosted about 3 years ago

  @darryncodes thanks dude

  0
• 

  darryncodes•6,390

  @darryncodesPosted about 3 years ago

  Hi Mcz,

  Excellent solution, very responsive - well done!

  • like you said a few options to match the image to the design, you could try adding a solid linear-gradient to a background image: background-image: linear-gradient(hsl(277, 64%, 61%), hsl(277, 64%, 61%) ), url(../your/image-filepath);
  • also explore background-blend-mode

  All the best

  0