I am pleased that I am making good progress with Grid and that I was able to develop the solution relatively quickly.
What challenges did you encounter, and how did you overcome them?I wasn't sure what the best way to add the SVG to the purple container was, so I referenced someone else's solution and took the same approach, this was the first time that I had added an image within my stylesheet and I found it quite intuitive using it as part of a media query.
What specific areas of your project would you like help with?-
Semantic HTML - I used H1 and H2 for the name and 'verified graduate' on each card, which I think is semantically correct, but it seemed counterintuitive as the text is so much smaller - comments on this? I also noted that on another solution, the other person had written their <h3> and <p> within an <article>, I didn't think to do this, what effect will this have?
-
I think the avatars could be slightly more aligned withe the text beside them, any suggestions on how to achieve this, and whether you think it's really an issue or not? it's only very slightly off, but I do like things to be perfect.
-
Too much whitespace on white cards, wasn't sure how to reduce these without reducing padding which made everything look off. Did consider wrapping everything in another div and then setting a max-height/width, but it seemed like more mark-up for nothing and also bad practise to interfere with height as it could reduce scalability.
