Submitted 8 months ago

Recipe Page using HTML and CSS

Julius Macharia•100

@MashaKE254

Preview site View code

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?

Could be better but i think the use of Divs.

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

Designing the last part I used divs and border-bottoms but I know there is a better method. If you know please tell me

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

The bottom part.

Community feedback

Grzegorz Sterczewski•680

@gsterczewskiPosted 8 months ago

Hey @Jumanji-21, regarding that bottom part, main problem is setting fixed height on .container class.

  width: 800px;
  height: 2130px;
  border-radius: 12px;
  background-color: hsl(0, 0%, 100%);
  padding: 25px;
  margin-bottom: 50px;
}

Remove it, and it should fix your overflow problem. Try to avoid setting height on elements, and if you have to do it consider relative units.

Good luck!

Please log in to post a comment

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