Next time, I will try to use grid instead of flexbox.
What challenges did you encounter, and how did you overcome them?n/a
What specific areas of your project would you like help with?n/a
Proud in how I arranged my css codes, and that I used variables; which i was lazy to do so in my previous challenges. Turns out they were indeed more convenient.
What challenges did you encounter, and how did you overcome them?As usual: padding, font size, margins which i have to trial and error using my not so good eyes.
What specific areas of your project would you like help with?Any suggestions, good practices I should be following etc...
sometimes the font sizes are added on the style guide and on figma below layer on the text section.
responsive
What challenges did you encounter, and how did you overcome them?responsive
What specific areas of your project would you like help with?responsiveness
"powered by technology should be on a different line" the Karma card is too small, they should all have the same sizes
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
You did not put a padding to the description side, the alignment of the content is not the same as design and spacing too.
it was challenging working with ordered and unordered list. Breaking down things into more details and reaching the precision in details. loved it.
What challenges did you encounter, and how did you overcome them?The semantic html was more complicated as i thought. but gradually improvised and improved. it took some time but reached the goal as close as possible.
What specific areas of your project would you like help with?In the media query the recipe first information paragraph. I couldn't lined it up as the design shows. tried some tricks but I think i was missing something else.
in mobile design - preparation time section- i couldn't line up the first list dot in the middle of the text. i tried adding some padding but it made it worse.
the last is, the Nutrition section - the calories count- i couldn't lined up those number left side, on top of each other, so i did it on the right side which was easy to do.
for the sematic html, it is a continuous process- learn as you go I also had challenges on the nutrition part and mobile design but we did almost the same thing. Kudos!
good , saves time
What challenges did you encounter, and how did you overcome them?good , saves time
What specific areas of your project would you like help with?good , saves time
you missed the right border-radius px, font family, font color and positioning at the element at the center. Great work!
