Skip to content
Submitted 3 months ago

flex

azam-moradi•40
@azam-moradi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

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•140
    @shwertsPosted 3 months ago

    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•40
    @azam-moradiPosted 3 months ago

    thanks for your recommands theye were very helpful@shwerts

    0

Please log in to post a comment

Log in with GitHub

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