Frontend Mentor - Blog preview card solution

Community feedback

• 

  P

  gmdpickett•30

  @gmdpickettPosted 4 months ago

  Great work on this challenge, so close to the design.

  You mention using clamp() and calc(), I'll be looking these up as I haven't heard of clamp(), calc() I've used but not thought of using it for font sizes on mobile designs. Have you considered just using a media query to alter the design for mobile? It also appears that some of your margins are off. You can use the Figma file to see what these should be, if you highlight a section and then hold down alt (Win) or option (Mac) it will display margins and padding. If you have a Pro subscription try using the Dev tab to see the CSS if you get stuck.

  Keep up the great work!

  0

  ---

  

  paulDev•500

  @dev-paulLPosted 4 months ago

  @gmdpickett Hi, Thank you for your feedback 👍 Yes I thought about using media query but in the Ideas to test yourself, they say "The font sizes in this project are slightly smaller in the mobile layout. Find a way to reduce font size for smaller screens without using media queries."

  You are right about the margins and paddings, I will pay more attention to the Figma file in next projects. I only checked the shadow and texts in this one.

  0