Skip to content

Leaves - Dominique #36

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

Leaves - Dominique #36
dtaylor73 wants to merge 4 commits intoAda-C12:masterfrom
dtaylor73:master

Conversation

@dtaylor73
Copy link
Copy Markdown

Startrly

Congratulations! You're submitting your assignment.

Comprehension Questions

Question Answer
Describe a time you chose to use flexbox
Describe a time you chose to use CSS Grid
What was a challenge you overcame in this project?
What concept did you get the most clarity on through Startrly?

Copy link
Copy Markdown

@mdove92 mdove92 left a comment

Choose a reason for hiding this comment

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

Your website is so pretty! Great use of pseudo elements and calling out children!
My only main comment is that you could use very explicitly named classes and IDs to make it clearer to what your CSS file is referring to in your HTML. Also, feel free to use margins and width/heights to adjust the look of your elements.

It looks great! nice work on your pretty web page. Great design choice.

Comment thread css/styles.css
@@ -0,0 +1,184 @@
.container {
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

I love your use of container to call out specific elements and to avoid repeated code.

Comment thread css/styles.css
}

#startly sub {
min-height: 30px;
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Maybe you could use a relative measurement here to avoid strange spacing when adjusting a window?

Comment thread css/styles.css
font-size: 1.5rem;
}

#startly a {
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Clearer class and ID names might help a reader to know where in index.html we are formatting with the code. For example instead of #startly a it could be named .tagline #action.

Comment thread css/styles.css

.section_ p {
text-align: right;
padding: 0px 8% 0px 0px;
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

When doing measurements for the same element, it might be more readable to use a consistent unit, such as all pixels, or all percentages.

Comment thread css/styles.css
.team {
display: flex;
/* flex-wrap: wrap; */
align-items: flex-start;
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Great, clean use of flex-box!

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