Responsive card layout with html/css

Community feedback

• 

  P

  David Turner•4,150

  @brodiewebdtPosted almost 3 years ago

  This looks good. Alignment and spacing are good. All hover effects work. The box-shadow is a little heavy. In the Figma file the shadow is:

  box-shadow: 0 25px 50px rgba(0, 0, 0, .1);

  Wrap your card div in a Main tag and change the attribution div to a Footer and it will clear the accessibility warnings.

  Download AXE DevTools and you can clear accessibility warnings while you code. https://www.deque.com/axe/devtools/

  Hope this helps.

  Marked as helpful

  0

  ---

  

  Abdullah Nassif•405

  @AbNassifPosted almost 3 years ago

  @brodiewebdt Yooo thank you so much for letting me know about AXE DevTools! I'll get into box shadow asap.

  0
• 

  P

  David Turner•4,150

  @brodiewebdtPosted almost 3 years ago

  I recommend it because I use it all the time now. I found it about a month ago.

  0