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

Preview-card using HTML & CSS Flexbox

@SimatG

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


  • Are there other aspects you'd like to highlight or any general suggestions you'd like to provide?
  • How does the website look on various devices (computer, tablet, mobile)?
  • What is your initial impression of the website's design and layout?

Community feedback

Naveen CB 420

@Naveen-CB

Posted

Hello @SimatG, your solution looks Good and also simple

But I have some tips to improve your coding skills

In HTML📌

  1. Try to link your fonts in HTML, it always a best practice to improve loading time of the page on subsequent visit if the font is provided by the third party website.
  • If you want more control on your fonts then download the font file.

In CSS📌

  1. It is always best practice to use rem or em, px is only recommended when the size is less than 10px.
  2. There is always only one <h1></h1> tag and it is directly impact web accessibility and SEO.

I hope this might helpful to you, Happy coding.❤️

Marked as helpful

0

@SimatG

Posted

@Naveen-CB Thank you for providing such helpful feedback. I just started learning two weeks ago. Comments like yours are exactly what I need to improve my skills in creating a website.

1
Naveen CB 420

@Naveen-CB

Posted

@SimatG what two weeks before? that's impressive work dude, Keep going.

0

@SimatG

Posted

@Naveen-CB sure, thank u

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