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

3-column-preview-card-component

@corolaweb023

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

Solution retrospective


What did you find difficult while building the project? The styling of buttons Which areas of your code are you unsure of? I am not sure whether my solution is responsive on smaller devices

Community feedback

P

@mayankdrvr

Posted

Congratulations @corolaweb023 for completing this challenge. Your design matches the solution very well and your code is following good practices.

Here are a few observations-

  1. The <h1> element should be used for SEO atleast once, but it should be used only once per page.
  2. Try to use the Block Element Modifier(BEM) naming method as a good practice of naming classes for referencing html elements in the css file.
  3. Avoid using <div> element in html file and use semantic html elements throughout the code for better web accessibility.
  4. Using noopener and noreferer in <a> elements is a good security practice with cross browser compatibility.
  5. Use the page background color given in the starter files.

Awesome solution and keep it up.

Marked as helpful

1

@corolaweb023

Posted

Thank you for the feedback @mayankdrvr

1

@malyrudy

Posted

good job 👏 and I have checked also the code css and its awesome DRY semantic code

1

@corolaweb023

Posted

Thank you for appreciating my work @malyrudy

1

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