@dejuliansrSubmitted about 2 months ago
Linh Nguyen
@auri222All comments
- @PeterBachman100Submitted 5 months agoWhat are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
- @ladibanks1Submitted 5 months ago@auri222Posted 5 months ago
Good idea on that effect. But the style of content is not good looking, you should fix that.
0 - @DonitronSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
Getting the hang of CSS grids! Had a way easier time working with it.
What challenges did you encounter, and how did you overcome them?No challenges with this one :D
What specific areas of your project would you like help with?Any feedback is appreciated :)
- @ActuallyWIKKOSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
First this was pretty smooth. I started with the mobile view and then moved on to the desktop view. It turned out good though. I'm most proud of the fact that I managed to get this in a shape of good to go. I've learned quit a bit.
What challenges did you encounter, and how did you overcome them?There were a little struggle - especially with the alignment in the desktop view. Miss GPT helped me to get the hang of this and also helped fix a couple of bugs. Turns out the width values in the desktop view for my card components are very specific (23%) and I would have not figured that out without AI help.
What specific areas of your project would you like help with?I would want to find out a way to work without the negative viewport height value.
@auri222Posted 5 months agoThe text in the cards doesn't align properly (it should be on the left).
I know this is a little cheat but you can watch this video from Kevin Powell's YouTube channel (here is the link Responsive layout practice for beginners), which is a proper solution for this challenge, he has explained everything clearly so that you can understand better. I also watched this video and approached the flexbox solution on my own instead of the grid solution.
Marked as helpful0 - @fvdumahSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
I would try using the picture element to change image based on view ports.
What challenges did you encounter, and how did you overcome them?Nothing in particular.
What specific areas of your project would you like help with?Nothing in particular.
@auri222Posted 5 months ago- Your CSS is so neat and clean.
- The product description needs some line height to make it look more similar to the design.
0 - @21-VaibhavSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
its already been done
What challenges did you encounter, and how did you overcome them?2nd time submitting this
What specific areas of your project would you like help with?again its been done already
@auri222Posted 6 months ago- The recipe border is a little weird, don't you think?
- The table doesn't have a bottom border
- The website is not good on small-screen devices. You can read about web responsive design on W3School Responsive Web Design - Media Queries and example.
0 - @KelvynSinhoriniSubmitted 6 months ago
- @booirngSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
using flexbox and looking forward to use more of it's property and more efficient css
What challenges did you encounter, and how did you overcome them?when i tried to increase height of image it was facing alot of difficulty. Chatgpt helped me solving that issue
What specific areas of your project would you like help with?more about responsive layout and flexbox and more css in general
@auri222Posted 6 months agoMaybe you should add a little bit of width to the card to make the description text look better.
Marked as helpful0 - @JostenHuamanSubmitted 6 months ago@auri222Posted 6 months ago
Great! But the scrollbar is shown from both sides (on my browser). The body tag has some margin.
0
