Good work! I think you came pretty close to the MockUp / Design that was given! You maybe should remove the footer to make it look more clean and increase the gap between the cards, between the rows and columns, to make it look even closer to the original.
What are you most proud of, and what would you do differently next time?
How it turned out
What challenges did you encounter, and how did you overcome them?
Took me an embarrassingly long time to make sense of how to recreate the card section. Turns out I could use flex-column and just add vertical margin in the first and last elements.
What specific areas of your project would you like help with?
From what I said above, you will realize that the cards aren't written to be generic utilities like I'd hoped. I would appreciate any suggestions to turn those card classes into a generic utility.
What are you most proud of, and what would you do differently next time?
I’m proud of how I sped up my coding process and decision-making. I also discovered that we can embed classes inside parent classes. Next time, I’d aim to refine my approach for even more efficiency.
What challenges did you encounter, and how did you overcome them?
The most difficult part was just getting started and finding time to code. I overcame this by refining my schedule to include at least 2 hours for practice each day.
What specific areas of your project would you like help with?
I’d like help in reviewing my code to see if it’s efficient and good enough to meet hiring standards.
I think the screenshot had a problem with your site. Looking at the preview site, your container seems really wide and you forgot the background-color for the preperation time section. Otherwise I give it a thumbs up!
That is really close. I like it! Good job! One minor detail I noticed though, is the list styles for the unordered list aka the bullet points are not being squares but still discs. You can change them with "list-style-type: square;"