Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive 3-Column Preview Card Component using HTML5 & CSS3

#accessibility

@KaydenGiang2512

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Ahmed Bayoumi 6,800

@Bayoumi-dev

Posted

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

@KaydenGiang2512

Posted

@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

@KaydenGiang2512

Posted

@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

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord