I was able to plan the project layout in time.
What challenges did you encounter, and how did you overcome them?The small screen
What specific areas of your project would you like help with?Layout planning
I was able to plan the project layout in time.
What challenges did you encounter, and how did you overcome them?The small screen
What specific areas of your project would you like help with?Layout planning
You have achived the design with slightly different code, great work 👏 but here are some minor improvements that you can make from my perspective.
.prep-time ul li, .ingredients ul li, .ordered li {
margin-top: 0.7rem;
color: hsl(30, 10%, 34%);
padding-left: 20px;
}
Hey @FAK01 good work but here are some things you can improve and change -
You have done a great job👍
I didn't find any flaws, maybe you have forgotten to add the favicon.
First thing - remove the attribution from the bottom of the card, the goal is to make similar or exact design to the reference. The reference design does not contains it.
The solution does not include semantic elements. Include elements like main
, section
instead of using div
everywhere for better accessibility.
It is recommended to use lowercase for CSS selector names. Replace the capital H in this line <div class="Heading">
with lowercase h.
You should use the type selector h2
directly in the stylesheet to target the element instead of using inline styling -
<h2 style="padding:0;margin:0;display:flex;">Improve your front-end skills by building projects</h2>
this will result is better readability of the code.