Submitted 7 months ago

Basic Responsive page with plain HTML and CSS.

Ali Mostafa• 30

@Alil0l

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?

I'm happy that i could write it all from scratch. I'd love to add more comments as notes next time.

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

I didn't know how to interact with different screen sizes so I researched and used the media query but still need more practice.

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

it's my first task here. I hope I did it right and I'd appreciate all notes and feedback to improve my coding and also in submitting further answers.

Community feedback

Rahul Kumar• 570

@rahulkumar215

Posted 7 months ago

Hello Ali Mostafa👋

Congratulations on successfully completing the challenge! 🎉

I have a suggestion regarding your code that I believe will be of great interest to you.
You have set the font-weight of paragraph tag and list to font-weight: 300; or font-weight: 200;, I would suggest to keep the font-weight: 400; in all the paragraph and list items to keep the design consistent.

Things I would recommend for you

How to center a div in css

I hope you find this helpful 😄 Above all, the solution you submitted is great !

If you need any feedback or suggestions, I am happy to help

Have Fun Coding!

Marked as helpful

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