P
@QS3H
What specific areas of your project would you like help with?
would appreciate any feedback on how to improve my code further :)
Latest solutions
Responsive Testimonials using CSS Grid - Mobile-first Approach
#accessibility#pure-cssSubmitted 7 months agoReview my code and suggest me where I can improve.
Responsive Four Features Cards
#accessibility#pure-css#progressive-enhancementSubmitted 7 months agoView my code and give me feedback If I'm doing good or putting things unnecessary.
Responsive Product Card
#accessibility#progressive-enhancement#pure-cssSubmitted 7 months agoReview my code and give me feedback. In which areas I should improve?
Responsive Recipe Main Page
#accessibility#pure-css#progressive-enhancementSubmitted 7 months agoI want some guidance writing CSS code, there are many approaches. How do I simplify code?
Responsive Social Links Page
#accessibility#progressive-enhancement#pure-cssSubmitted 7 months agoI just want to know if I need any improvement. And if I'm doing anything wrong in my code. Do let me know.
Blog Preview Card
#accessibility#pure-cssSubmitted 8 months agoI just need feedback on my code for well strcuture approach and responsiveness. I would appreciate it.
Latest comments
- @AlizaIkram
Hi! I'm a novice. I got inspiration from your code, it is well-structured.
- @Guilherme-Porto-SilvaWhat are you most proud of, and what would you do differently next time?
I am pround of being able to get how display grid works right at the first time I use it, for I was, and it can be seeing trough the projects I had uploaded on GitHub before this one, so confortable with flex. Next time, I am going to try to centralize the hoe box trough margin 0 auto;, instead of aplying flex to its dad and doing it the way I was used to.
What challenges did you encounter, and how did you overcome them?The way how the middle cards were columned was something I would not expect to be something chalanging, but, upon seeing the Cauculator card at the left of where I wanted it to be, I felt like there was something about grid alignment I wasn't getting. Solved it by giving this card a position relative right, but I am afraid some devices, wich I don't see in Google's Responsive Viwer extension, have diferent values for "1%" or some other datail that might strike that solution.
What specific areas of your project would you like help with?Getting children to the center with grid display, wich I found out existed upon writting this chalange's preview.
@AlizaIkramUse place-items: center;
- @kmrzakir@AlizaIkram
Looks good.
- P@DeuziWhat are you most proud of, and what would you do differently next time?
Well, during my last challenge someone suggested i use clamp() property and also ::root so i looked it up and made changes and the clamp is quite got for font's to scale responsively, i didn't use it that good in this but am getting better
What specific areas of your project would you like help with?if any once can suggest or say how there center the nutrition table and the items inside i will appreciate , wasn't that easy for me
@AlizaIkramThat's good that you are improving. I used : width: 100%; for creating gap between them, and used text-aligned to left as it was given.
- P@Deuzi
- P@DeuziWhat are you most proud of, and what would you do differently next time?
i am getting better with Flexbox, that's one if the things am most proud of, what i will do differently next time is scale (for responsiveness) with relative units(%) instead of using px it kinda make the some elements static
What challenges did you encounter, and how did you overcome them?i had slight issue with the hero image cause it didn't scale as i wanted it got out of the container on mobile view but i later found out that using % make this it scale or grow with the container size and it can't go out of it
@AlizaIkramThat's good. I can't see your code though.
