Maybe someone knows a better solution to my two problems. Or if you notice anything else, please let me know.
Maybe someone could explain to mehow to make the grid grow and shrink and change it's layout when resizing the page more smoothly, when you start out with a complicated layout like in this challenge.
If you find any flaws or mistakes or know any better ways to code, let me know.
I'm proud of the flexibility I adquired in terms of placing elements at specific document areas.
What challenges did you encounter, and how did you overcome them?No challenges at all. I had to learn how to use 'background-image', tho.
What specific areas of your project would you like help with?For now, no specific help.
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.
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.
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.
none
What challenges did you encounter, and how did you overcome them?none
What specific areas of your project would you like help with?none
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!
I will try a harder challenge next time.
What challenges did you encounter, and how did you overcome them?I want to set a fixed size in a flexbox, so I have to set the flex-shrink to 0.
What specific areas of your project would you like help with?Is there a redundancy in my CSS code?
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;"
This felt pretty straightforward without much to do differently
What challenges did you encounter, and how did you overcome them?I didn't encounter too many challenges
What specific areas of your project would you like help with?Whatever looks like it can be improved!
