Created
March 29, 2026 05:25
-
-
Save CodingKoopa/e7733bc518919ca7578257a3824420c0 to your computer and use it in GitHub Desktop.
HackBU Web Demo
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
| body { | |
| margin: 0 | |
| } | |
| body div, body span { | |
| border-width: 0.5em; | |
| border-style: solid; | |
| } | |
| body > div:nth-child(1), div > span:nth-child(1) { | |
| border-color: lightblue; | |
| } | |
| body > div:nth-child(2), div > div:nth-child(1), div > span:nth-child(2) { | |
| border-color: lightgreen; | |
| } | |
| body > div:nth-child(3), div > div:nth-child(2), div > span:nth-child(3) { | |
| border-color: lightcoral; | |
| } | |
| body > div:nth-child(4), div > div:nth-child(3), div > span:nth-child(4) { | |
| border-color: lightgoldenrodyellow; | |
| } |
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 href="dont_worry_about_this.css" rel="stylesheet" /> | |
| </head> | |
| <body> | |
| <div> | |
| Hello! | |
| <div> | |
| another div! | |
| </div> | |
| <div> | |
| and another! | |
| </div> | |
| </div> | |
| <span> | |
| span1 | |
| </span> | |
| <span> | |
| span1 | |
| </span> | |
| <span> | |
| span1 span1 span1 span1 span1 span1 span1 span1 span1 span1 span1 span1 span1 span1 span1 span1 | |
| </span> | |
| <h1> | |
| My Website | |
| </h1> | |
| <p> | |
| Hello world! | |
| </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"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <link href="dont_worry_about_this.css" rel="stylesheet" /> | |
| </head> | |
| <body> | |
| <div> | |
| Hello! | |
| <div> | |
| another div! | |
| </div> | |
| <div> | |
| and another! | |
| </div> | |
| </div> | |
| <h1> | |
| My Website | |
| </h1> | |
| <p> | |
| Hello world! | |
| </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"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <link href="dont_worry_about_this.css" rel="stylesheet" /> | |
| </head> | |
| <body> | |
| <div> | |
| Hello! | |
| <div> | |
| another div! | |
| </div> | |
| <div> | |
| and another! | |
| </div> | |
| </div> | |
| <h1> | |
| My Website | |
| </h1> | |
| <div> | |
| <span> | |
| Hello world! | |
| </span> | |
| <span> | |
| more text :) | |
| </span> | |
| <span> | |
| more text :)more text :)more text :)more text :)more text :)more text :)more text :)more text :) | |
| </span> | |
| <span> | |
| more text :) | |
| </span> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment