teethnclaws
/ index.html
Created
March 5, 2019 02:27
JS Bin align-content // source https://jsbin.com/zugemav
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 name="description" content="align-content"> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| .container{ | |
| display: flex; |
teethnclaws
/ index.html
Created
March 5, 2019 02:24
JS Bin align-items // source https://jsbin.com/lahurew
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 name="description" content="align-items"> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| .container{ | |
| display: flex; |
teethnclaws
/ index.html
Created
March 5, 2019 02:20
JS Bin flex-direction // source https://jsbin.com/bohateb
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 name="description" content="flex-direction"> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| .container{ | |
| display: flex; |
teethnclaws
/ index.html
Created
March 5, 2019 02:16
JS Bin justify-content start // source https://jsbin.com/copopir
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 name="description" content="justify-content start"> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| .container{ | |
| display: flex; |
teethnclaws
/ index.html
Created
March 5, 2019 02:14
JS Bin justify-content start // source https://jsbin.com/copopir
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 name="description" content="justify-content start"> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| .container{ | |
| display: flex; |
teethnclaws
/ index.html
Created
March 5, 2019 02:08
JS Bin flex-wrap start // source https://jsbin.com/tocuhaw
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 name="description" content="flex-wrap start"> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| .container{ | |
| display: flex; |
teethnclaws
/ index.html
Created
March 5, 2019 01:55
Flexbox Intro Flexbox Intro Start // source https://jsbin.com/powiya/2
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 name="description" content="Flexbox Intro Start"> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>Flexbox Intro</title> | |
| <style id="jsbin-css"> | |
| .container { | |
| border: 4px solid red; |
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
| <div class="wrapper"> | |
| <h1>Parallax Flipping Cards</h1> | |
| <div class="cols"> | |
| <div class="col" ontouchstart="this.classList.toggle('hover');"> | |
| <div class="container"> | |
| <div class="front" style="background-image: url(https://unsplash.it/500/500/)"> | |
| <div class="inner"> | |
| <p>Diligord</p> | |
| <span>Lorem ipsum</span> | |
| </div> |
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
| <head> | |
| <link href="https://fonts.googleapis.com/css?family=Montserrat|Pacifico" rel="stylesheet"> | |
| </head> | |
| <div class="container"> | |
| <h3 class="font-title"><a href="https://www.freecodecamp.org/" target="_blank">Free Code Camp</a></h3> | |
| <p>JavaScript Calculator</p> | |
| <div class="outputDiv"> | |
| <h1 class="outputInt">0</h1> <!-- max #s: 000,000,000,000,000 --> |
NewerOlder