I would like if someone tell me where i should improve..
I am proud because it is my first time to convert a design into code.
What challenges did you encounter, and how did you overcome them?The challenge was to understand how you can make all elements centered.
What specific areas of your project would you like help with?css styling
I was able to get the layout to be pretty responsive down to a fairly small mobile size. It does eventually break down, but I think it fails at a point that's narrow enough not to really care about.
I'm not sure how to feel about how I handled the nutrition info. I like how it looks, but I'm not sure a bunch of divs is the right solution, but it felt better than using a table, since there's nothing inherently tabular about that data.
The only real challenge I ran into here was how to deal with the nutrition info in a grid. I ended up just styling it with a grid and some css magic. I'm pretty happy with the css side of things, but not so sure on the html. Everything else wasn't too difficult.
What specific areas of your project would you like help with?As I've mentioned in previous projects, any feedback is greatly appreciated. I have many years experience in backend development and such, but frontend experience has been pretty light.
Suggestions on how to better markup the nutrition data would be most welcome.
looking great tho!!! keep coding!!!
the image isn't showing up you could use the image provided by default
you could use the baground colour to hsl(47, 88%, 63%)
Most prud of my shadow and that i finished the Challenge. I learn coding since two weeks and i love it.
What challenges did you encounter, and how did you overcome them?For me its very tricky to use the Flexbox. But i finished it, with some that i leraned.
Use the font-family: 'Outfit', sans-serif; and remove the box shadow for the container..
comment it out after checking it
It would be Great if you just use button:hover instead of button:active in the style.css file
