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

flex

@azam-moradi

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?

i've done the project but after that i saw u recommand to code the size of paragraphs and.. in a way that u dont need to change it in media quary , but i saw u recommend after i've done my coding so i didnt change anything:D but i think maby i must write the siz e using the calc with a percent of 100vw

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

i encounter with a problem in picture sizing and i solve it with object fit

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

please tell me how can i write a code that when i responsive the page the size of font changed but i didnt write in media quary

Community feedback

shwerts 100

@shwerts

Posted

Good work, but you should have used semantic elements in HTML for better accessibility. Using viewport units for changing font size is pretty creative! You forgot to use line-height declaration to divide paragraph lines.

I also have difficulties with not using media queries to change font size, so I think we're not too different :)

Marked as helpful

0

@azam-moradi

Posted

thanks for your recommands theye were very helpful@shwerts

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