Blog Preview Card built using vanilla HTML/CSS plus CSS Media Queries

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

I am most proud of figuring out how to use media queries in my CSS to help with more responsive design for different aspect ratios and devices. Depending on the next project, and if it leans more towards a particular styling for mobile devices, I will most likely look to start with mobile styling and work into desktop and other aspect ratio designs.

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

The biggest challenge was adjusting the positioning of elements through the CSS design. the QR Code project elements seemed to fall into the proper positions and spacing almost on their own.

I overcame this problem after messing with the padding and margin properties of each element, by setting global padding and margin properties:

body, html {
    margin: 0;
    padding: 10px;

With all elements set with these global properties it became much easier to identify the positioning and make the adjustments for each element.

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

Any suggestions for cleaner more concise code, between both HTML and CSS. Although i pride myself in being organized, I cant help but feel like their are always ways I could be writing less code while achieving the same outcome.