What are you most proud of, and what would you do differently next time?
I'm really enjoying working with itcss + sass.
Next time, I believe I would focus on using a greater number of utility classes
What challenges did you encounter, and how did you overcome them?
Working with responsive grids is very difficult, however, when reading some documentation that goes into great detail about both flexbox and grid, it is possible to do a satisfactory job
What specific areas of your project would you like help with?
I think it would be interesting to receive feedback about itcss and flexbox
Hi, I would like to say Good Solution, Great job!!
I would suggest that you put your media queries at the end of you code and all at once that way it will be able to read and understand instead of the way used it. Besides that, you got a good solution.
What are you most proud of, and what would you do differently next time?
That I have gotten a platform with like minded people. Next time i will try to collaborate with some members
What challenges did you encounter, and how did you overcome them?
I am still on the verge of making my projects a bit responsive. Compared to my last project, I have tried to improve but I hit a dead end. but nothings bad in admitting trial. With the help of your valuable feedback. I believe I will overcome this menace of media queries.
What specific areas of your project would you like help with?
Hey guys media queries has proven to me a hard nut to crack. But here I am , with you guy any feedback is welcomed big or small
I would suggest you use Semantic HTML, like <main>, <article> to make the website more accessible.
Regarding media query you should use @media (min-width: 319px) and (max-width: 480px) this is for mobile devices, it's similar to what you have used. Inside the media query, you should input values less than the actual value for desktop. i.e. your .container width is 400px, so in the media query you should input less width pixels, like width: 300px; instead of the 100% width you used. if you need more insight reach out or look at my code.
Use margin: auto; to center your image, that way it won't be bend like it has right now and padding: 20px; to give the image space around. The ul lists you should give them a margin-top: 20px; if you don't understand look at my code if you still don't get it let me know I will be happy to help.
First of all, good layout. Your last paragraph is too close to the avatar-image and the "Html and css foundations" don't change color when i hover around the and the box-shadow doesn't expand too. You should fix that but other than that good work.