Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Recipe Blog Using HTML CSS

@Shahzaib-ur-Rehman

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • 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 now feel familiar and confident in building blogs, but I aspire to enhance my CSS skills further.

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

In this challenge, I encountered two main obstacles. The first was styling lists, and the second was styling tables. I tackled these challenges by reading the documentation on how to style them effectively.

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

styling list

Community feedback

Mirjax2000 680

@Mirjax2000

Posted

Hi, checked yor solutions. some points what i saw.

Your width of container or wrapper is too wide. You set it in t0 1312px. and also if you set some width to the main element you need to centralize in to viewport. by margin 0 auto, or by flex or grid.

Dont use fixed values for font sizes. dot set font-size: 28px, use rem units or em units instead. if you hardcode it into 28px, people with default browser setting higher the 16px will have troubel to read your fonts.

You dont need to create table. yes it is good for practise, how to make tabel, but i thing tabels are obsolete now, if we have grid and flex. or you can do it even without flex or grid, just mage parent block, inside 2 another inline block width 50% width.

rest i see you understand lots of css and html. Maybe i did not like tree structure, article inside article inside article. It will work yes, but SEO will give you less evaluation.

see you.

Marked as helpful

1

@Shahzaib-ur-Rehman

Posted

Thank you, @Mirjax2000, for your thoughtful feedback. Your comments will greatly assist me in enhancing my code. I'll incorporate the suggested changes to improve it. The concept of nesting articles within articles, as recommended by "MDN Web Docs," has influenced my approach in using this method.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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