Submitted about 2 months ago

Recipe Page using html and css

faekhatami• 540

@faekhatami

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Community feedback

Ibtehaj Ali Mirza• 200

@Ibtehaj-Ali-1

Posted about 2 months ago

Everything is good. Adjust the inner padding and the size of the body. And in design, the 'list-style-type' of "Ingredients" is 'square'.

faekhatami• 540

@faekhatami

Posted about 2 months ago

oh i thought they were circles! thank you for your comment 😊 but can you be more specific with the inner padding and body size? 🤔@Ibtehaj-Ali-1

Ibtehaj Ali Mirza• 200

@Ibtehaj-Ali-1

Posted about 2 months ago

@faekhatami - You can use margin-top and margin-bottom on the recipe-container class. by increasing these properties you can adjust the body size.

And for the inner padding you can go through my code to understand that.

faekhatami• 540

@faekhatami

Posted about 2 months ago

hmm i see! thank you for responding i will check that out 🙋🏻‍♀️🌸@Ibtehaj-Ali-1

codigoTin• 100

@codigotin

Posted about 2 months ago

The size of the body is missing so that you can place the recipe container in the center. And the internal padding of the recipe should be slightly bigger. But overall the design is very good.

faekhatami• 540

@faekhatami

Posted about 2 months ago

thank you 😊 but can you be more specific with the body size? 🤔 i know there is a problem there but i couldnt find out what it is @codigotin

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