Submitted
Yash Bhatt
@Y-ashbhatt
All solutions
Submitted
What specific areas of your project would you like help with?
Any suggestions to improve are welcome.
Submitted
Submitted
What specific areas of your project would you like help with?
I need help with how to change Background image bottom's size on smaller screen for better responsiveness.
Submitted
What specific areas of your project would you like help with?
I need help with the icon colour change.
Submitted
What specific areas of your project would you like help with?
Tried BEM for first time, some reviews/suggestions would be helpful.
Submitted
Article preview component solution
- HTML
- CSS
- JS
What specific areas of your project would you like help with?
The share-icon colour change from blue to white on click. The only way I thought to do it would be to change the whole image where colour is white. Any other method? PS any suggestions to improve are welcome.
Submitted
What challenges did you encounter, and how did you overcome them?
Making the image violet was confusing, tried multiple ways before I found the correct one.
What specific areas of your project would you like help with?
Any Suggestions to improve are welcome.
Submitted
What specific areas of your project would you like help with?
Any suggestions to improve are welcome.
Submitted
Order summary card solution
- HTML
- CSS
What specific areas of your project would you like help with?
I think there is a problem with size. Any suggestions would be appreciated.
Submitted
What specific areas of your project would you like help with?
None.
Submitted
What are you most proud of, and what would you do differently next time?
I am good with flexbox but I really need to practice more grid.
What challenges did you encounter, and how did you overcome them?
The
linear-gradient()
was pretty annoying, it still doesn't feel correct. Read many article about but I think it will need a lot of practice to get it correct.What specific areas of your project would you like help with?
The bonus json part like how am i supposed to go about it?
Submitted
Submitted
Recipe page solution
- HTML
- CSS
What are you most proud of, and what would you do differently next time?
I was able use grid pretty well.
What challenges did you encounter, and how did you overcome them?
After completing the Desktop part designing the mobile part was troublesome. So, I saw the mobile first workflow written in Readme-template and decided to make the mobile part first then use the media query to scale to desktop and it became easier to do.(I don't know actual mobile first workflow)
What specific areas of your project would you like help with?
Should I design the desktop part first or the mobile part first? I want to know about the mobile-first workflow or similar workflow. If you can provide a good resource, please do so.
Submitted
What specific areas of your project would you like help with?
I would like some suggestions to improve responsiveness.
Submitted
Blog preview card solution
- HTML
- CSS
What are you most proud of, and what would you do differently next time?
Was able make Mobile responsive easily this time unlike the confusion with qr-code project. Next time I would like to practice grid because I still went with flexbox.
What challenges did you encounter, and how did you overcome them?
Getting the size correct was a problem. I constantly compared it to solution to get it as close as possible but this doesn't seem efficient.
What specific areas of your project would you like help with?
The best approach to get size if you don't have figma design files?
Submitted
QR code component solution
- HTML
- CSS
What are you most proud of, and what would you do differently next time?
I was able to use Flexbox with ease and was happy with it but would try to use Grid next time.
What challenges did you encounter, and how did you overcome them?
It was troublesome to make the mobile design had to go through media queries again to make it barely ok.
What specific areas of your project would you like help with?
I would like to know what's the approach to make mobile design and help with the sizing in the same.