Leveraged relative units for responsive design

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

I'm most proud of the responsive design. This is my first responsive project

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

• how do I get the shadow effect behind a box? { box-shadow: 2px 2px black; }

• how do I do the hover FX that changes the text color? h1 :hover { background-color: yellow; }

• how do I resize an image proportionally? width: auto; height: 2em;

-I had struggles with margin collapse issues and a lot of issues trying to size things accordingly -I over came most of this by tweaking the padding and margin

-had a problem loading the css to githubpages -My css file was just called "css", once I changed the file name to "styles.css" githubpages worked

-had issues with githubpages loading my project images -solved this by making sure "./" was at the front of images in my html

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

I had an inefficiency problem with positioning all the child elements on the vertical line (just a bit of space off of the left side of the parent). Really I felt inefficient with positioning all the child elements. Some of this is because I'm beginner but I suspect there is an easier approach. I plan to take a course on flexbox and grid, I'm hoping I learn better workflow tips there. I'm open to all and any feedback. I desire to be at a professional level.