Skip to content
Submitted 7 months ago

page made with html and css

Luan Tanizaki•10
@Luanzinh0s2
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I had difficulty measuring the divs and getting them to the right sizes, I also couldn't make the site 100% responsive

What challenges did you encounter, and how did you overcome them?

I had difficulty making the measurements and also the lines separating some parts, so I did them by creating an exclusive and separate div

What specific areas of your project would you like help with?

I need help making the website responsive and how to make it more symmetrical and aligned with the right measurements

Community feedback

  • Da•360
    @DaTheDumbGuyPosted 7 months ago

    Hey there!

    I noticed that you used padding on the body, probably for desktop/Tablet screen sizes. However, it seems to affect smaller screen sizes, causing the content to be squished.

    I suggest learning about media queries. They allow you to adjust paddings, margins, and other styles based on screen sizes.

    I hope this helps. Cheers! ヾ(⌐■_■)ノ🥂

    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