Pedro Del Gallego pedrodelgallego
This file contains 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
| html{ | |
| height: 100%; | |
| } | |
| body{ | |
| background-image: repeating-linear-gradient(315deg, #ddd, #ddd, 40px, #aaa 40px, #aaa 80px); | |
| padding: 20px; | |
| height: 100%; | |
| } | |
| nav{ | |
| margin: 0 auto; |
This file contains 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
| <nav> | |
| <ul> | |
| <li data-section="about-me"> | |
| <a href="#" class="item"> About me </a> | |
| <ul class="dropdown"> | |
| <li><a href="#" class="item">Early years</a></li> | |
| <li><a href="#" class="item">First works</a></li> | |
| <li><a href="#" class="item">Today and tomorrow</a></li> | |
| </li> | |
| </ul> |
This file contains 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
| <nav> | |
| <ul> | |
| <li data-section="about-me"> | |
| <a href="#" class="item"> About me </a> | |
| <ul class="dropdown"> | |
| <li><a href="#" class="item">Early years</a></li> | |
| <li><a href="#" class="item">First works</a></li> | |
| <li><a href="#" class="item">Today and tomorrow</a></li> | |
| </li> | |
| </ul> |
This file contains 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
| <nav> | |
| <ul> | |
| <li data-section="about-me"> | |
| <a href="#" class="item"> About me </a> | |
| <ul class="dropdown"> | |
| <li><a href="#" class="item">Early years</a></li> | |
| <li><a href="#" class="item">First works</a></li> | |
| <li><a href="#" class="item">Today and tomorrow</a></li> | |
| </li> | |
| </ul> |
This file contains 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
| <style type="text/css" media="screen"> | |
| * { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .elem { | |
| border: solid #6AC5AC 3px; | |
| position: relative; |
This file contains 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
| <style type="text/css" media="screen"> | |
| * { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .elem { | |
| border: solid #6AC5AC 3px; | |
| position: relative; |
This file contains 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
| <style type="text/css" media="screen"> | |
| * { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .elem { | |
| border: solid #6AC5AC 3px; | |
| position: relative; |
This file contains 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
| /* Learn layout */ |
pedrodelgallego
/ index.html
Last active
December 14, 2015 19:28
This file contains 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> | |
| <head><meta charset="utf-8" /> | |
| <title>Chapter 9: 2 Column Layout - positioning</title> | |
| <link rel="stylesheet" href="style.css" /> | |
| <style type="text/css" media="screen"> | |
| /* Write here your code */ | |
| </style> | |
| </head> | |
| <body> |
This file contains 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
| // base path, that will be used to resolve files and exclude | |
| basePath = '../'; | |
| // list of files / patterns to load in the browser | |
| files = [ | |
| JASMINE, | |
| JASMINE_ADAPTER, | |
| "spec/*.js" | |
| ]; |