All solutions

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

I was able to take a lot of what I learned from building the QR Code project and apply to this project, so my code was cleaner. I also incorporated section elements this time which seemed appropriate.

I find myself changing main element tags like p or adding a div far into the process which I feel like I should know whats needed where at the beginning of the project. I should be able to properly structure my html and the start.

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

I didnt understand if the "active" state included both the H1 and P elements to be highlighted at the same time when hovered over with the cursor. I tried to do that, but I couldn't figure it out. I ended up having their active states happen separately with a different class selector for both elements.

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

Can the active state for H1 and P happen at the same time but with different styling? (The H1 changes to yellow when hovered, while the main P changes to gray).

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

What I'm proud of:

When first seeing the project, I immediately began to figure out in my head the layout of the page, breaking down each element visually. That process gave me the framework to begin building the structure in HTML/CSS.

What would I do differently:

At first, I didn't format the page properly, instead of using multiple elements, I used one for the whole container, and tried creating a border to contain the content. It was a mess. No shame, I decided to try and pick up some hints from a YT video of someone else doing the project. After seeing they had multiple elements, it clicked and I realized what I was doing wrong. From that point, the process was much smoother.

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

My biggest challenge was going through what seemed like an endless tweaking of values in CSS and using the process of elimination to get the content as close as possible to the original design. It felt like I was just throwing stuff at the wall til something stuck.

While that wasn't ideal, it helped me figure out what DIDN'T work, and I found that to be just as valuable as figuring out what DID work.

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

I would like help getting a better understanding of the CSS Box Model and its function in relation to HTML elements. Looking at my CSS file, it feels like I have too many margin properties and values. I'm not sure if it needed to be quite that complicated.