After reviewing my code if you find any mistake then feel free for you feedback.
if someone know something easy that i do with complexity then feel free for feedback . Thanks
If have any suggestion to do better then you're welcome !
In this project, I applied CSS grid techniques.
What challenges did you encounter, and how did you overcome them?The desktop version layout was the real challenge, which I achieved using CSS grid model.
What specific areas of your project would you like help with?I am looking forward to any advice regarding the improvement of my coding.
yes. he should not used that much breakpoint . Using responsive units will be much better. Yes. Yes. No it's fine
No, it does not include semantic tags. Yes , accessible but using semantic tags will be better. Yes. Maybe not. It differs but everything can't be 100% accurate.
This challenge really got me to figure out using grid and flex box for nice, evenly spaced layouts. I am also really happy with the time this took me: no more than 2 hours of coding. I also think my abilities to judge sizes and text styles (especially the actual CSS properties which produce certain appearances) is improving.
What challenges did you encounter, and how did you overcome them?It took me a while to realise that using margins on everything was not a smart way to create a good-looking responsive layout, and eventually I settled on using flex box to align and space all of the text elements in this design.
What specific areas of your project would you like help with?I am still unsure about general best practice for media query breakpoints, and whether it's important to consider certain atypical layouts for a given project (in this case, landscape orientation for mobile). Any advice on how others think through this would be great.
Yes. Yes and No. Yes. Yes Not at all
I think my margins were pretty spot on
What challenges did you encounter, and how did you overcome them?How to separate the data in the nutrition table
What specific areas of your project would you like help with?none
Yes. Yes and yes. yes. yes. Maybe
onclick, i am using on click for opening links. I know it not necessary but it looks more clean than using ``.flex-direction and row-gap it is much more faster and easier than having to set margin and padding.justify-content and align-content, using place-content is much faster.I don't know why font-weight didn't working. The reason it wasn't in the code because it didn't work so i removed it. But if anyone know how to fix it please let me know. Thanks!
Yes. Yes. Yes. Yes. Not at all.
Nothing to say
What challenges did you encounter, and how did you overcome them?Utilize clamp for the first time to make font size responsive without using media queries
What specific areas of your project would you like help with?Any suggestions to improve would be appreciated
No . Yes. yes. yes. No.
