using HTML and CSS and JS

Community feedback

• 

  Ken•4,915

  @kens-visuals

  Posted almost 4 years ago

  Hey @SH-Lee2 👋🏻

  I have some suggestion on how to fix the accessibility and HTML issues. Also, some other tips.

  • To fix the accessibility issue, I suggest replacing <h3> with <h2>, because headings have to decrease gradually, or if you don't want to use a heading you can use a <p> tag then change the font size.
  • What comes to the HTML issues, you need to change <aritcle> tags with regular <div>. Because <article> is for, as the name suggests, articles, such as newspaper article and stuff like that. It's incorrect to put an image inside an article tag.
  • And here is the quick tip, add those couple of lines to .fa-chevron-down::before, like this

  .fa-chevron-down::before {
      position: absolute;
      top: -6px;
      right: 0;
  }
  

  this will fix the position of arrows.

  I hope this was helpful 👨🏻‍💻 one last suggestion would be, to try to implement click on the text as well, for the drop-down. Because now they only work when I specifically click on the arrows. Other than that, the layout looks good. Cheers 👾

  01

  Marked as helpful