Four Card Feature Section

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello again Yunus , congratulations for your new solution!

  I saw your live site and I've some tips for you. You've used twice the tag h1 and you cannot do that since you can have only one main heading, for this reason its better you use h2 for the same title or use max-width to break the titles in two line and use the same tag to wrap them.

  The box shadow you've used its too dark you can make it smoother decreasing its opacity. You can use this website to create the shadows design and then just drop the code into the CSS: https://html-css-js.com/css/generator/box-shadow/

  About the semantics use <article> for each card and <blockquote> to wrap the text that contains a quote inside the card.

  👋 I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  Yunus Emre Çınar•360

  @yunusemrecinarPosted about 2 years ago

  @correlucas I've changed the pard you said rn. However I'm already using <article> for each card right. Is not it ?

  1

  

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  @Yunuscinar41 Ah okay, because I saw in devtool that div wrapping all cards with the class cards sorry. In this case you can replace this div wrapping the all the cards with <section>

  1

  

  Yunus Emre Çınar•360

  @yunusemrecinarPosted about 2 years ago

  @correlucas Thanks. I changed it too. We're using section <section> for HTML Semantic Elements right ?

  1

  

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  @Yunuscinar41 Yep, here's a guide for these tags if you want to know it in depth:

  https://www.w3schools.com/TAgs/default.asp

  0