In this challenge, I would like some advice on proper image handling and manipulation. I feel like for every challenge so far that involved images, I spent most of my time trying to get them the way they're supposed to, so any sort of pointers or tips in relation to them would be greatly appreciated. I would also like help on the responsiveness of the page and even when I used a media query, it still isn't acting the way that I would want it.
As mentioned before, advices on the image sizing would be much appreciated. Additionally, let me know what you think about the centering, element padding, and overall div structure. Any tips would be of great help!
As previously mentioned, I would need help with centering specific containers within the website in a better way that is more responsive to all device size/types. I had to look up methods on how to properly center it without having to use a flexbox within the body of the html itself.
I would most definitely need help in formatting the page in a way that accustoms the entire page accordingly based on the window's size and dimensions. Still need to learn that part of styling I guess.
semantic html. i will do the same thing
What challenges did you encounter, and how did you overcome them?table in html. google
What specific areas of your project would you like help with?hover
Great job on the layout of the page! Way better than what I did for the same challenge. Some styling is missing on the last part of the card though, specifically the nutritional data but that's a very minor detail.
You can apply padding to some of the inner elements within the box which I think would make it look better in hindsight and maybe some font-size changes. Really creative for using labels for the clickable social buttons however, personally, I'd just use <a> elements inside the divs to save some time. Other than that, pretty spot on I'd say. Great job.
This is actually really close to the original version. Great job!
i suck with center horizontaly and verticaly
I suggest using vh for screen-size adaptability. Apart from that, you can change the background to slate 300 and also change the font colors accordingly. The image size is very close to the original so maybe change the dimensions of <main> a bit. But apart from those, you're almost already there.
