responsive using less media queries

Community feedback

• 

  Katherine Lim•140

  @katherin467

  Posted 5 months ago

  Nice job! I can see that it's responsive for different screen sizes, including the font size (where you used clamp). It looks like your solution is smaller than the goal design, but the structure is all there.

  10

  Marked as helpful
• 

  Akri•120

  @akri-dev

  Posted 5 months ago

  try using calc() to scale/resize fonts and width & height. It'll be smoother

  calc(20px + (4 * ((100vw - 375px) / (1440 - 375))))
  

  my min-width is 375px

  my max-width is 1440px

  for min-width, my target font would be 20px

  for max-width, my target font would be 24px

  00

  Marked as helpful
• 

  NATNAEL GETACHEW ASEFA•100

  @Eng-Natole

  Posted 5 months ago

  I noticed you used a Google Font in your project, which was provided in the file. Could you share why you chose to link to a Google Font instead of using a system font? I’m curious about your reasoning behind that choice other wise your code is amazing

  04

  Marked as helpful