Skip to content

Branches - Linnea#43

Open
llinneaa wants to merge 4 commits intoAda-C12:masterfrom
llinneaa:master
Open

Branches - Linnea#43
llinneaa wants to merge 4 commits intoAda-C12:masterfrom
llinneaa:master

Conversation

@llinneaa
Copy link

@llinneaa llinneaa commented Sep 20, 2019

Startrly

Congratulations! You're submitting your assignment.

Comprehension Questions

Question Answer
Describe a time you chose to use flexbox I used flexbox in the Startrly 'title' section in order to space the content correctly.
Describe a time you chose to use CSS Grid I used CSS grid in the 'nav' section so that I had control over exactly where each link was placed, because they were not intended to be evenly spaced.
What was a challenge you overcame in this project? Understanding flexbox, grid, and block!
What concept did you get the most clarity on through Startrly? I feel like I understand CSS grid a lot better after this project.

@llinneaa
Copy link
Author

Cloned the wrong repo and had to copy+paste code into this repo!

Copy link

@njch5 njch5 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome job!! I really like the colors on your Startrly site and how you arranged the why and team images/text (definitely not an easy feat!). I left some minor suggestions on your code, but overall great job! :)

content: "-- "
}

.why-class {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job getting the 3 boxes in the same line!! 👍

background: #FFBCB5
}

.sponsors-class h2 {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I noticed on line 17 that you set all the h2 font-sizes to be 3em. Was it intentional to make .sponsors-class h2 smaller than the other sections'? If not, I think this entire selector could be removed.

background-color: #F2E5D7;
padding: 4em 4em;
max-height: 15em;
font-size: 1em;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Minor suggestion: the font-size could be 2em so that both quotes are slightly bigger in each section.

text-align: center;
}

nav li:hover {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I love the color contrast between the links and the hover color!


@media only screen and (max-width: 600px) {
.why-class img {
display: none;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's really cool how you wrote this media query. I tested it in Chrome's developer tools and it works!

background: #3C6E71;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
justify-content: flex-start;
justify-content: flex-start;
padding-left: 5em

Minor suggestion: you could align the footer links with Startrly (the one at the top) by adding padding-left.

changed file path (because this was copy+pasted)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants