Responsive recipe page using CSS

Community feedback

• 

  P

  clickglue•440

  @clickglue

  Posted 9 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.

  02

  Marked as helpful
• 

  ldonnianni•130

  @ldonnianni

  Posted 9 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.

  00