Responsive 3-Column Preview Card Component using HTML5 & CSS3

Community feedback

• 

  Ahmed Bayoumi•6,740

  @Bayoumi-devPosted over 2 years ago

  Hey! It looks good!...

  My suggestions:

  • It's ok to use the input outside of a form but It has no semantic meaning, I suggest you use the '<button>' or the anchor link '<a>'...

  Buttons are used for actions like opening or closing something or sending a form. Links are used for navigation and actions.

  • Using more than one <h1> is allowed by the HTML specification, but is not considered a best practice. Using only one <h1> is beneficial for screenreader users.

  ---> Multiple <h1> elements on one page

  Hope this is helpful to you... Keep coding👍

  0

  ---

  

  Giang Nhật Khánh (Kayden)•150

  @KaydenGiang2512Posted over 2 years ago

  @Bayoumi-dev Thanks for your feedback Ahmed! Using the input tag was the only thing that came to mind while I was working on this one, so I'll definitely take your advice on my next challenges. Happy coding to you too!

  0

  

  Giang Nhật Khánh (Kayden)•150

  @KaydenGiang2512Posted over 2 years ago

  @Bayoumi-dev And as for the multiple <h1> issue, what approach would be the best alternative to achieve the same goal I tried? Thanks in advance!

  0