Responsive social media card using media queries, layers and a reset.

What are you most proud of, and what would you do differently next time?

I am most proud of how simple the media queries are as it is quite possible from experience to have over complicated media queries!

What challenges did you encounter, and how did you overcome them?

I wondered about what tag to make the Location Information, i.e. the London, United Kingdom. Initially I had chosen to make this an <h4> but I chose to make it a <p> as ultimately I decided a <p> was more suited.

I also accidentally set padding on the left and the right of the <li> tags causing a bit of head scratching as to why they were wrapping words.

What specific areas of your project would you like help with?

I am curious as to whether you think using CSS layers in a card of this size is worth it as I wondered during implementation whether this was necessary or a needless over complication. However I have seen in Code Pen examples that people often use layers so maybe it isn't.

Also Would you have made the location information a heading tag or a p tag?

Thank you in advance.