All solutions

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

Most proud: -It looks accurate

What would I do different: -After completion I realized I was suppose to include focus state as part of the challenge. I would include it next time

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

1. Adding padding on one side of a circle shaped element, can ruin the perfect circle shape -In contrast, adding margin on one side of a element, will not affect circle shape

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

Open to all feedback. I did try to do the last portion, as a grid section, but I failed and fixed it by just using flexbox. I think I'm confused. "grid-template-rows" I managed to get rows. But I'm not sure each element was divided in each row how intended.... As I write this, I'm thinking maybe I had to make all my elements share a class name, I just thought my elements would organize into each created row equal(1 , for each row).... hmmm or maybe I don't understand how to put content in each individual row... I'm not sure...

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.

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

-I'm proud that: -I finished the project -Have a close representation of the provided image -Proud of my new knowledge leveraging git, github, and git bash terminal -Next time: -I would try to solve to make things confidently more dynamic -Try to approach with flexbox from the start as oppose to absolute positioning

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

-I didn't know how to organize things inside a div tag -I still am not confident but I am closer to my understanding goal -I got the job done with absolute positioning and a lot of googling -I didn't know how to keep text away from edges -focusing on the margin width seem to complete to goal margin: auto; text-align: center; max-width: 25ch; -didn't know how to get gitpages working -solved by directly typing into the browser with proper format, git seems to fail at knowing where the index.html file is

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

-I guess I would like a simplistic professional approach to approaching tags and how to position all the child classes positions with ease. -ultimately I want to be a professional, so I'm looking to optimize/simplify all areas I need improvement on. I'm looking for broad strokes of obvious things I need to improve on.

-One day I would like to explain my process in a simple fashion to a client/customer