@mo7amed5hairySubmitted 4 months ago
Latest solutions
Latest comments
- @shivak818Posted 3 months ago
css is very tough to understand keep it simple if u can it may help for some newbies like me
Marked as helpful0 - @why-not-phoenixSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
This challenge was a bit challenging, especially, what I am guessing would be the most challenging part for any newbie, changing the 4 sections from column layout to a 2-way layout. I'm curious to see how others went about tackling it. I'm sure there's a better way than the one I used but I am proud of the way I handled it. It made everything seem basic if you put it that way. A simple flexbox in a bigger flexbox. Asides that, I had issues with responsiveness and scaling which I hope to improve upon.
What specific areas of your project would you like help with?How to improve on responsiveness
- @why-not-phoenixSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
This wasn't a particularly difficult challenge, although for whatever reason it took to more time than I expected to complete. Was my first time really diving deep into Bootstrap and I often found myself doing some things myself rather than using Bootstrap. I had to look up some pages for responsiveness and chatgpt was my friend when I had things seemingly not work well. Some it helped with while others I had to figure out myself. I guess what took the most time was trying to perfect the dimensions, which I still don't think I got right. I think going forward, I'd not bother too much on making my dimensions exactly as in the design but instead focus more on getting the design in itself right. Hopefully my OCD allows this. All things considered, I guess I am improving everyday. If you've read this far then, well thanks for indulging me.
What specific areas of your project would you like help with?Everything
- P@Joshk7Submitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I'm happy with how the media queries turned out because I approached the challenge by styling the mobile version and making media queries to add on top of mobile.
What challenges did you encounter, and how did you overcome them?I big challenge I encountered was trying to align the markers of list items to the left and the padding and margin with the ul, ol, and li tags in css.
What specific areas of your project would you like help with?I'd specifically like help with the ::marker selectors and styling of the bullet points next to list items:
.instructions ol { padding-left: var(--space-300); } .instructions li { padding-left: var(--space-200) } .instructions li::marker { font: var(--text-preset-5); color: var(--brown-800); }Additionally, the text wrap of the nutrition description p tag on mobile could look better if anyone has tips on text-wrapping properties.
- @parkerrn9Submitted 11 months agoWhat are you most proud of, and what would you do differently next time?
what can i do to improve upon my work and what are the things i need to focus on?
- @mo7amed5hairySubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
ability to use css different techniques to make my code compatible with the design
What challenges did you encounter, and how did you overcome them?wrapping all elements with the same align using container in order not to wrap each element
What specific areas of your project would you like help with?all project
