I need some help with the position of values of the table with nutrition details..
not proud of anything for now still learning some stuffs
What challenges did you encounter, and how did you overcome them?i encountered the responsiveness challenge i hope i can get over this in the future
You will figure it our eventually! Don't give up. Just keep coding one line at time! ^^
to do the responsiveness. need to improve a lot
What specific areas of your project would you like help with?always seeking guidance to improve
well done!
I'm proud of the fact that I was able to style this on my own with no help, and that on the responsive design I was able to do this as well with no help. Overall, I am becoming more comfortable using CSS.
What challenges did you encounter, and how did you overcome them?I encountered a challenge in where to place the figure element which contained the img. I decided to place it above the main recipe content, and place the recipe content in a section element so the figure element doesnt have the same padding as the recipe content.
I also encountered a challenge in fully centering the container so it appears in the middle, as it was appearing horizontally centered but fully taking up the height of the screen. I played around with the height property and the margin property, as it was set to 0 auto before. I added margin to the height and the problem was sorted.
What specific areas of your project would you like help with?Responsive styling
good try!
TBH I like that you made the avatar icon so big. I find it better than the original design.
Don't forget to design your footer :)! Or you could remove it (just like I always do >.<)
Nice interpretation!
Hi! Great effort on completing the challenge 👏
I noticed that the solution differs quite a lot from the original design.
It seems you didn't use the files provided in this challenge..
Bringing these elements closer to the original would really elevate the accuracy of your solution.
