@AA1057Submitted 6 months ago
What 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?.
Hamid reza Mousavi nasab
@hmousavinAll comments
- @irene-panisSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
proud that i went with using css grid for this one, as usually i just use flexbox but i knew i'm worse at grid and needed the practice
What challenges did you encounter, and how did you overcome them?making the mobile design... i wanted to learn how to implement the single column on mobile without a media query but in the end just used one. also as im typing this now im literally realizing i couldve just made the card container flex column on smaller screens instead of making a single column grid lol
What specific areas of your project would you like help with?would like to know if there was indeed a way to implement the mobile design without media queries
@hmousavinPosted 6 months agoQuite nice! It's better than mines, since it's more similar to the desired images!
For an alternative to media queries on mobile design:
- "Container queries are an alternative to media queries, which apply styles to elements based on viewport size or other device characteristics."
- We can use Flex instead of media queries
Happy coding!
Marked as helpful0 - @Devs-advocateSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
It was a good challenge, since I hadn't done one for a few weeks. It tends to point out all the things I don't know well. I'll research more on responsive design before the next one. I'm really looking to learn how to approach situations so I can embed my own systematic way of of solving problems in future.
What challenges did you encounter, and how did you overcome them?Adding the cart icon to the button was a bit tricky. I got around this with display: inline-flex on the button element; and the (cart) tag within the button element. This worked because it center-aligned them. I had to change it in the end for responsive desktop design.
What specific areas of your project would you like help with?I'm ok with how similar the outcome is to the designs. I wasn't aiming for total perfection, just to learn how to approach the solutions. I'm trying to workout the units I should be using for responsive design rather that just hard coding px. It seemed to work out ok. This reference from Kevin Powell, seems useful: https://whatunit.com/ I didn't come across it till close to the end of my solution though.
- @krishna-tejaswiSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
learnt how to use media queries to make different styles according to sceer size.
What challenges did you encounter, and how did you overcome them?faced difficulty while styling table
What specific areas of your project would you like help with?tips to style tables effeciently
@hmousavinPosted 6 months agoVery nice! It's so similar to target picture.
Marked as helpful0 - @fvdumahSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
Nothing in particular, I found this challenge the easiest so far.
What challenges did you encounter, and how did you overcome them?I struggled a bit with my links not taking full width of available space. I fixed that with applying width of my 100% on the ul element. I was applying width 100% on the a element and nothing was changing.
What specific areas of your project would you like help with?Nothing in particular for this project. Any feedback is appreciated though.
- @madiajijah11Submitted 6 months agoWhat are you most proud of, and what would you do differently next time?
knowing more about css, and doing a little javascript coding for changing font color and cursor pointer
What challenges did you encounter, and how did you overcome them?still know a little about font css and overflow css
What specific areas of your project would you like help with?maybe nothing for now
- @andychuks51Submitted 6 months agoWhat are you most proud of, and what would you do differently next time?
I was a challenge for me but I got it, I know it's not so difficult but it gave a tough time.
What challenges did you encounter, and how did you overcome them?I had issues make the design responsive, I just had to do some little research and tried one or two things, my solution may not be the best way to solve the problem but I'm happy I did it the best way I could.
What specific areas of your project would you like help with?I sure do need help will how to use media query more effectively this has made me frustrated at times but I'm happy, I'm getting the hang of it :)
