@RehanKhaz
@ttanvirr
Submitted
What are you most proud of, and what would you do differently next time?
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.
@RehanKhaz
Posted
yes. he should not used that much breakpoint . Using responsive units will be much better. Yes. Yes. No it's fine
Marked as helpful
@AbdulSamadCodes
Submitted
@RehanKhaz
Posted
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.
@neildeo
Submitted
What are you most proud of, and what would you do differently next time?
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.
@RehanKhaz
Posted
Yes. Yes and No. Yes. Yes Not at all
@8bit-shawty
Submitted
What are you most proud of, and what would you do differently next time?
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
@RehanKhaz
Posted
Yes. Yes and yes. yes. yes. Maybe
What are you most proud of, and what would you do differently next time?
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.What challenges did you encounter, and how did you overcome them?
justify-content and align-content, using place-content is much faster.What specific areas of your project would you like help with?
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!
@RehanKhaz
Posted
Yes. Yes. Yes. Yes. Not at all.
@Henr1queCruz
Submitted
What are you most proud of, and what would you do differently next time?
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
@RehanKhaz
Posted
No . Yes. yes. yes. No.
