Submitted 7 months ago

Simple Omelette Recipe with Flexbox

Pipendog• 40

@Pipendog

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

Solution retrospective

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

Proud that I finally found out how to center boxes on a page.

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

Dynamic layout is struggle for me. Still learning how to make my page looks good in any device.

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

Need help with sizing and dynamic layout. To make my page looks good in any device

Community feedback

AliAsghar Zare• 70

@iliAsghar

Posted 7 months ago

Good Job! ✅ you did great.

for a better understanding of Responsive Layouts, i know a free course from kevin powell that you could maybe have a go for. I'm not sure if this is allowed here, and I'm not trying to advertise anything. this is just something that helped me get a better knowledge of Responsive layout.

Conquering Responsive Layouts - Kevin Powell

it's a 21day course and it's formatted in a way that opens the tutorials day by day. have fun Coding! 🤗

Marked as helpful

Pipendog• 40

@Pipendog

Posted 7 months ago

Ill take a look. Thank you@iliAsghar

Dan P.• 250

@Danielfww

Posted 7 months ago

Great work sir! - I'm taking a look at CSS libraries - Bootstrap & Tailwind and both of them are known to have responsive design build in, maybe also check that and see if that helps.

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