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

Blog preview card

@alexstrauch

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Getting more comfortable with looking stuff up.

What challenges did you encounter, and how did you overcome them?

Looked up hover and focus on MDN.

What specific areas of your project would you like help with?

open for any suggestions

Community feedback

Mirjax2000 680

@Mirjax2000

Posted

Hello. Here i saw some problems. Font is not like in the design.You wrote in css font-family:figtree but you did not import them to the server. You can import or link it from google fonts. It is simple think, very easy.

there is no mobile version.

your HTML structure is weird, i cant see parrents and children of the elements. later on it will make you trouble to orient in the structure.It will work yes, but its harder to read.

in css dont use IDs on simple elements, just use class names. IDs are for Form elements and later on for javascript to better target elements. IDs can be only one to be used. You can use it only one with same name.And has biggest specificity. So if you use IDs at the top to write some css atribut and later for example somwhere on mediaqueris you will target it with class only, the ID value has higher specificity then class value and no change will happen.

dont use fixed values in pixels. And what is worst use fixed value for Font-size. Use em,rem, or percentage to make responsive and dynamic. If you declare font-size:24px it wil be 24px all the time even for people who change font size in their webbrowser to higher or smaller, coz they need bigger letters and you lock it to fixed size.

Rest is all right be me. Keep continue. Good work.

Marked as helpful

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