-
Notifications
You must be signed in to change notification settings - Fork 0
Feature/css grid exercise raul valencia #7
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
base: master
Are you sure you want to change the base?
Conversation
| @@ -0,0 +1,34 @@ | |||
| <!DOCTYPE html> | |||
| <html lang="en"> | |||
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.
don't include this file. Always create your new branches by being on master.
4-css-grid/styles.css
Outdated
| @@ -0,0 +1,18 @@ | |||
| * section { | |||
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.
| * section { | |
| .section { |
Prefer classnames over tagnames so your markup doesn't have to match your styles.
4-css-grid/styles.css
Outdated
| padding: 20px; | ||
| } | ||
| body { | ||
| display: grid; |
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.
don't apply this directly to the body, use a wrapper. If you do this and you want to include another element which is not a grid, you will have to deal with display issues.
4-css-grid/styles.css
Outdated
| display: grid; | ||
| grid-template: 50% 50% / 1fr 1fr 1fr; | ||
| } | ||
| section:first-child { |
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.
cool, you got the child pseudo selectors, but prefer classnames so your markup doesn't have to match your styles.
|
Please fix the conflicts with |
New exercise