Josue Granados JosueMagnus12
💻
JosueMagnus12
/ index.html
Created
October 29, 2021 15:03
Markup and Styles for a list and a table. Medium Article
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
JosueMagnus12
/ style.css
Created
October 7, 2021 19:17
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| font-size: 62.5%; | |
| } | |
| h1 { | |
| font-size: clamp(2rem, 3vw, 3.2rem); | |
| } | |
| p { | |
| font-size: clamp(1.2rem, 2vw, 2.1rem); |
JosueMagnus12
/ style.css
Created
October 7, 2021 18:30
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| h1 { | |
| font-size: 3vw; | |
| } | |
| p { | |
| font-size: 2vw; | |
| } |
JosueMagnus12
/ style.css
Last active
October 7, 2021 17:25
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| font-size: 62.5%; | |
| } | |
| h1 { | |
| font-size: 2.6rem; | |
| } | |
| p { | |
| font-size: 1.6rem; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| font-size: 62.5%; | |
| } | |
| h1 { | |
| font-size: 2.6rem; | |
| } | |
| p { | |
| font-size: 1.6rem; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en-us"> | |
| <head> | |
| <link rel="stylesheet" href="./styles/styles.css"> | |
| <style> | |
| .paragraph{ | |
| color: green; | |
| font-size: 50px; | |
| background-color: aqua; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en-us"> | |
| <head> | |
| <style> | |
| p{ | |
| color: blue; | |
| border: 1px solid red; | |
| } | |
| .paragraph{ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en-us"> | |
| <head> | |
| <link rel="stylesheet" href="./styles/styles.css"> | |
| </head> | |
| <body> | |
| <p id="p1">A cool paragraph</p> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en-us"> | |
| <head> | |
| <style> | |
| p{ | |
| color: red; | |
| } | |
| .paragraph{ | |
| color: yellow; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en-us"> | |
| <head> | |
| <style> | |
| p{ | |
| color: blue; | |
| } | |
| </style> | |
| </head> | |
| <body> |
NewerOlder