Responsive recipe page using CSS

Community feedback

• 

  P

  clickglue•460

  @clickgluePosted about 2 months ago

  Hi Imaginary Garden, beautiful solution! Very well organised CSS file, impressive, makes it easy to read. Two small questions: from earlier feedback I understood that it is better to load fonts in the HTML file, do you know what is better? And in the design files I saw that the mobile solution has no margin around the amge and no border radius. Your solution doesn't implement that.

  Marked as helpful

  0

  ---

  

  imaginarygarden•80

  @imaginarygardenPosted about 2 months ago

  @clickglue Hey, i've seen other feedback about font loading. Essentially it is better to load it in css since you can configure the font implementation. I would recommend this website for the fonts: https://gwfh.mranftl.com/fonts. Yes I did not implement the margin on the mobile since I didn't find the correct way to do it.

  0

  

  P

  clickglue•460

  @clickgluePosted about 2 months ago

  @imaginarygarden Thanks, I've tried it and indeed it works well if I download the fonts. Thanks for pointing this out!

  0
• 

  ldonnianni•130

  @ldonnianniPosted about 2 months ago

  Hi @imaginarygarden! Great job, the styling within the article looks the same. You could add margin bottom and top in the article(I think is 8rem)and then it will be just like the original. You can use @media to style different sizes of screen. This way you can style for mobile(it is only the article) and for desktop. The recomendation usually is to style for mobile, and then with @media(min-width: 600px), for example you can modify only the elements you need. There are several tutorials about this in Youtube.

  0