Four card section using Flexbox + Sass + BEM

Community feedback

• 

  hardy•3,660

  @hardy333Posted about 3 years ago

  Hey everything looks super clean and good, very nicely done.

  those html issues are result of using sections on wrong place. remove all four sections at all. and instead live article tag and move your card icon images in those article tags it will fix your problem. So those cards are not sections at all they are small card articles that it.

  In issue report it sad you need to add heading to your section element in order to fixed them, that is true but, in reality using section is the hole problem which caused another secondary problem in terms of not using heading elements.

  So hope it was be helpful, Good luck.

  Marked as helpful

  2

  ---

  

  Haziq•320

  @zyq-mPosted about 3 years ago

  @hardy333 Thanks hardy. I'll fix it soon.

  0
• 

  Haziq•320

  @zyq-mPosted about 3 years ago

  Can someone help me with Html Issue?

  0

  ---

  

  Conrad•950

  @ConradMcGrifterPosted about 3 years ago

  @zyq-m im just taking a guess but I think its because you are using section tags without a heading element

  here is a link to more about sections

  • from the link: "Circumstances where you might see <section> used without a heading are typically found in web application/UI sections rather than in traditional document structures. In a document, it doesn't really make any sense to have a separate section of content without a heading to describe its contents. Such headings are useful for all readers, but particularly useful for users of assistive technologies like screenreaders, and they are also good for SEO."

  Marked as helpful

  0

  

  Haziq•320

  @zyq-mPosted about 3 years ago

  @ConradMcGrifter Thanks Concrad!!

  0