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

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

@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.

@@ -0,0 +1,184 @@
.container {
Copy link

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.

}

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

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?

font-size: 1.5rem;
}

#startly a {
Copy link

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.


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

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.

.team {
display: flex;
/* flex-wrap: wrap; */
align-items: flex-start;
Copy link

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