Latest solutions
Responsive Four feature card section using HTML, CSS flexbox and grid
#pure-cssPSubmitted about 2 months agoI need help with grid responsiveness on mobile and tablet
Responsive product preview card component
PSubmitted 4 months agoI would like to know how to apply border radius on my container. i tried doing that but its not showing on my design. I dont know why that is happening.
Responsive recipe page using html and css
#pure-cssPSubmitted 4 months agoI'd like to know how to create space between my list style(bullets) and the text preceding it.
Latest comments
- @heisemmanuellP@Zarah679
Hello! that's a pretty good solution you have there, but i noticed there isn't a breakpoint for tablets. You can use media queries to achieve that i.e. @media screen and (max-width: 760px)
- @sally-seP@Zarah679
hi Sally! great effort! although i think researching on and applying media queries would take your solution to the next level by making it as close to the design as possible and also making it more responsive. Also following the figma file design dimensions will give you a more accurate result.
Marked as helpful - @coder-dcoderWhat are you most proud of, and what would you do differently next time?
i am very happy about the fact that i did it. i have learn lot of things especially about git and GitHub.
What challenges did you encounter, and how did you overcome them?coloring and modify bullet points was challenging and managing sass file for 1st time was also challenging. but there are lots of good people out there on internet.
What specific areas of your project would you like help with?maybe how to write good and effective code. or maybe with everything.
P@Zarah679Great work! i noticed some background colors do not match the one on the design. also on the nutrition section, theres no margin applied to the rows to give them a more spaced look. Here's another suggestion. try using flexbox and use space between for the justify content to make it more accurate.
- @Baphomet-998What are you most proud of, and what would you do differently next time?
It took me less time to finish the design of this challenge. I tried to be as simple as possible though if there is a more efficient way, i would not mind trying.
P@Zarah679Great work!
- @shivak818P@Zarah679
Impressive work Shivak! your result looks very close to the design but i think you forgot to add one thing which is the box shadow property. It gives the dark edges at the right and bottom.