@repro123Submitted about 1 year ago
Latest solutions
Latest comments
- @raymondkembsPosted 3 months ago
The CSS grid turned out great. It’s almost identical in width and height to the original. Nice work!
0 - @khlv2219Submitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I was aware of all needed html elements. I could finish this challenge without any problems.
What challenges did you encounter, and how did you overcome them?I had a few problems with pseudo elements and sizing box-shadows
@raymondkembsPosted 3 months agoGreat work on this, The visual composition is spot on. I noticed that the image seems to scale up slightly more than its original dimensions, which might be due to an unintended max-width or transform property causing a slight zoom effect. It’s an easy fix adjusting the max-width of 100% could bring it back to its intended size. That being said, everything else looks flawless Your layout and responsiveness are top-notch.
0 - @Lucasmro10Submitted 3 months ago@raymondkembsPosted 3 months ago
Top margin did dropped like our economy, from the little that's left I'd say Good job.
1 - P@AnonymousCoder323Submitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I'm proud of being able to style the table very similar to what it looks like in the design since it was very difficult to do.
Next time I'm going to see if I can put all the text formatting in variables or something similar since I keep going back and forth from the design to the code to get the text formatting exactly the same.
What challenges did you encounter, and how did you overcome them?I had a very difficult time styling the nutrition table. I spent a lot of time Googling and playing with different CSS features until I was able to get it right.
What specific areas of your project would you like help with?Is there a more simpler way to style the table? Why is my content a little lower than the design?
@raymondkembsPosted 3 months agoThe layout looks good, the mismatch with the tables might have been a result of the paddings and margins but it was close enough, good job
0 - @awamakhtarSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
Vos contributions sont les bienvenu
@raymondkembsPosted 3 months agoThe width and height positioning needs lot's of working on
0 - P@YeatisNeatSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
This challenge was extremely difficult for me as I dove into figuring out responsive design instead of keeping everything at fixed pixel values. I ended up learning a lot.
What challenges did you encounter, and how did you overcome them?In summary I ended up learning about things like rem units and max-width which really helped with scaling through different screen sizes.
What specific areas of your project would you like help with?I didn't implement the border on the main container element. Any tips in that regard would be appreciated!
@raymondkembsPosted 3 months agoThe mismatch on width and height is clearly visible and need working on.
1
