-
Notifications
You must be signed in to change notification settings - Fork 48
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Sockets - Kate N #44
base: master
Are you sure you want to change the base?
Sockets - Kate N #44
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Kate great work!!! I love your overall organization using CSS grid and think your code is pretty DRY :)
width: 100%; | ||
height: 90%; | ||
display: grid; | ||
grid-template: auto auto / auto auto auto auto auto auto; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Love the use of auto!
</blockquote> | ||
<p> | ||
Mx. Ipsum | ||
-- Mx. Ipsum |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think there is a way to add a "--" in css instead of changing the html directly! I would try using the pseudo-class ":before" with "content: '--'"
|
||
section.sponsors ul { | ||
display: grid; | ||
grid-template: auto auto / auto auto auto auto; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I really love your use of grid in this section! It organizes all of the list items in the configuration you want and doesn't allow for things to move out of place!
height: 40%; | ||
display: grid; | ||
grid-template: auto auto 40% / auto; | ||
justify-items: center; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Does "justify-items" work without "display: flex"?
Startrly
Congratulations! You're submitting your assignment.
Comprehension Questions