-
Notifications
You must be signed in to change notification settings - Fork 9
Add extra css #4
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
Conversation
|
|
| *, | ||
| *::before, | ||
| *::after { | ||
| box-sizing: border-box; |
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.
we should add this to the starter as well, not just in the final solution. it's actually a great point to discuss with beginners, I remember when I started with html/css this was one of the things that always confused me
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.
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.
UPDATE: starterImprovement branch is now merged so maybe we can create a new branch for the above comment
src/style.css
Outdated
| this example is useful for a React app that would render in a div with id root | ||
| */ | ||
| #root { | ||
| isolation: isolate; |
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 would skip some of these in the starter, to make sure we don't overwhelm people with things they don't know about/don't need for this intro.
We can use it as a reset for the react-starter though, even in a separate file or something
src/index.html
Outdated
| </section> | ||
| <section> | ||
| <h2 class="u-screen-reader-text">Repositories</h2> | ||
| <!-- remove content from ul, so we can use :empty to display the loading |
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 love this :)
:emptypseudo element to display the loading messagedid not format the files so we can more easily compare the changes, but i have the formatted versions - I would suggest that we use the default prettier settings