I would love feedback on my use of semantics in html
I know I could have used GRID to solve this challenge but when I thought that I was ending the page stylization 😅, I'm just so used to Flexbox but I will try to use GRID more in the future.
What challenges did you encounter, and how did you overcome them?The challenge was very easy until I had to create the sharing section, this part gave me so much trouble
Very beautifully well written
I finally figured out grid-template-areas and media queries. Made aligning all of the items so easy. My syntax is still a little messy but its working pretty well so im happy with it.
What challenges did you encounter, and how did you overcome them?Makings the grids do what I wanted to took me a lot longer than I anticipated. I read a bunch of stuff on grid alignment that made it so much easier.
What specific areas of your project would you like help with?I will accept help on anywhere you think could be made better.
I really loved the first breakpoint i wished i had thought of that in mine.
I am most proud of matching the design to the original. While uncertain what I would do differently next time, I would like to explore a different and potentially more efficient way to lay out the cards.
What challenges did you encounter, and how did you overcome them?One challenge I encountered was figuring out how to lay out the cards effectively. After exploring different approaches, I realized that using CSS grid would be the best solution. Since I had little knowledge of CSS grid, I briefly researched how it works, specifically focusing on grid-template areas, and then used position and bottom to align the left and right cards vertically in the center.
What specific areas of your project would you like help with?Any feedback is welcome.
beautiful work and very nice attention to detail
Great Job overall, you could fix the border-radius on the picture by iterating again in a media query by doing something like 'border-radius: 10px 10px 0px 0px;'
Great Job overall for the last table what i did was give the calories and the rest a width of 50% and then a padding to the table for it to look like the design
Your code is beautiful, and very much different writing style from mine which is great.
