Skip to content

fixed text 02-separate-stylesheet #92

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.

Sign up for GitHub

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

Merged
alesanchezr merged 5 commits into from
Mar 28, 2023
Merged

fixed text 02-separate-stylesheet #92

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
67efebe
Update README.md
josemoracard Mar 22, 2023
c37154b
Update README.es.md
josemoracard Mar 22, 2023
6b30e5f
Update README.md
josemoracard Mar 22, 2023
6a7071c
Update tests.js
josemoracard Mar 22, 2023
41203e2
Update README.es.md
josemoracard Mar 22, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions exercises/02-Separate-Stylesheet/README.es.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,10 @@ Esa es una mejor práctica porque te permite tener un sitio web sin diseño, pue

## 📝 Instrucciones:

LLena el `styles.css` con el contenido necesario para que el body del sitio web sea azul (blue).
Llena el `styles.css` con el contenido necesario para que el `body` del sitio web sea azul (blue).

## 💡 Pista:

+ Busca en Google cómo cambiar el color de fondo (`background-color`) de un body de un sitio web.
+ Busca en Google cómo cambiar el color de fondo (`background-color`) del `body` de un sitio web.



8 changes: 4 additions & 4 deletions exercises/02-Separate-Stylesheet/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,12 @@ tutorial: "https://www.youtube.com/watch?v=T0anCc5fvSg"

If you use the html `<link>` tag, you can also have your styles on a separate file that we usually call `styles.css`.

That is an even better practice because it lets you have an CSS agnostic website, you can change the CSS later and make the website look 100% different, but still have the same exact HTML.
That is an even better practice because it lets you have a CSS agnostic website, you can change the CSS later and make the website look 100% different, but still have the same exact HTML.

## 📝 Instructions:

Fill the `styles.css` with the content needed to make the website body blue.
Fill the `styles.css` with the content needed to make the website's `body` blue.

## 💡Hint:
## 💡 Hint:

+ Google how to change the `background-color` of a website body.
+ Google how to change the `background-color` of a website's `body`.
2 changes: 1 addition & 1 deletion exercises/02-Separate-Stylesheet/tests.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ describe("All the styles should be applied", ()=>{
const link = document.querySelector("link");
const body = document.querySelector("body");

test("The body tag should not contains any inline style", ()=>{
test("The body tag should not contain any inline style", ()=>{
document.querySelector("head").innerHTML = `<style>${css.toString()}</style>`;
let emptyBodyInlineStyle={};
expect(body.style._values).toEqual(emptyBodyInlineStyle)
Expand Down