Four card feature section using html, css and flexbox

Community feedback

• 

  Chandrashekar Dasari•15

  @chandrasdPosted almost 5 years ago

  Looks great! as @gretagr pointed out, It would be nice have it responsive. Also the shadow around the cards should be more subtle like in the design.

  Try this out for card's shadow:

  box-shadow: 0px 20px 56px -6px rgba(153,153,153,1);

  1

  ---

  

  Chandrashekar Dasari•15

  @chandrasdPosted almost 5 years ago

  If you want to experiment with CSS properties without rewriting in codebase to see what it looks like, checkout this website. https://www.cssmatic.com/box-shadow

  Saved me lot of time experimenting with CSS props 😄

  0

  

  swethalakshmi22•135

  @swethalakshmi22Posted almost 5 years ago

  @chandrasd I did make it responsive and changed the box-shadow. It looks same as the design. I will use the website on my next project Thanks.

  0
• 

  Greta•340

  @gretagrPosted almost 5 years ago

  Hi, your desktop version looks really nice! Do you plan to make it responsive? This would definitely improve your project :)

  1

  ---

  

  swethalakshmi22•135

  @swethalakshmi22Posted almost 5 years ago

  I did make it responsive with media queries for width=800px and width=375px

  0

  

  Greta•340

  @gretagrPosted almost 5 years ago

  Ohh, ok, I see now. I think the changes for 800px breakpoint are too subtle, they don't change anything in terms of responsiveness, - the blocks still does not fit on the screen. And the 375px breakpoint is too small even for some phones.

  0

  

  swethalakshmi22•135

  @swethalakshmi22Posted almost 5 years ago

  @gretagr Oh ok, I'll try to update it.

  0