Branches, Kristy

[kristyh32]

Startrly

Congratulations! You're submitting your assignment.

Comprehension Questions

Question	Answer
Describe a time you chose to use flexbox	I used flexbox for the sponsors because that seemed
Describe a time you chose to use CSS Grid	I used grid for the navigation menu and the footer menu
What was a challenge you overcame in this project?	Getting the "team photos" section to line up properly was difficult. I also did not figure out how to get the Why? section to line up properly
What concept did you get the most clarity on through Startrly?	I think I got more clarity on using grid than anything else in this project.

[north108]

Really great job!! Your code is bone DRY. So impressed, teach me your ways.

[north108]

I love how you created a class for each sections header, this is a great way to DRY your code.

[north108]

What is hr? Is this a way to section things like

?

[north108]

That didn't print how I expected... I meant: Is this a way to section things like div?

[north108]

In order to get the three Why? reasons to line up and respond appropriately, look into using both grid and flex. Adding a display to .container ul would help, not just to .container li.

[north108]

This will make the section flexible and then you can go into each li and use grid to get the correct design.

Suggested change

	container ul {
	display: flex;
	justify-content: center;
	}

[north108]

Then adding a separate .container li and using grid. This is where you can design how the img relates to strong and relates to p.

Suggested change

	.container li {
	display: grid;
	grid-template-columns: (two columns at your choice of size);
	grid-template-rows: (two rows at your choice of size);
	}

[north108]

Then once your li are grids, then in img, strong, and p you can pick where each lives.

Suggested change

	.container li img {
	.container li img {
	display: grid;
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column: 1;
	}

[north108]

I didn't know you could use terms like this for font-size! Definitely going to use this going forward:)