Line 93: | Line 93: | ||
<style> | <style> | ||
+ | <style> | ||
+ | * { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /* Create three equal columns that floats next to each other */ | ||
+ | .column { | ||
+ | float: left; | ||
+ | width: 33.33%; | ||
+ | padding: 10px; | ||
+ | height: 300px; /* Should be removed. Only for demonstration */ | ||
+ | } | ||
+ | |||
+ | /* Clear floats after the columns */ | ||
+ | .row:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ | ||
+ | @media (max-width: 600px) { | ||
+ | .column { | ||
+ | width: 100%; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
div.col { | div.col { | ||
float: left; | float: left; |
Revision as of 21:16, 1 November 2017
Medal Checklist
div.col { float: left; width: 33%; }Bronze
Register and Attend
Registered for iGEM Jamboree
Deliverables
- Poster
- Presentation
- Safety Forms (completed)
Silver
Register and Attend
Registered for iGEM Jamboree
Deliverables
- Poster
- Presentation
- Safety Forms (completed)
Gold
Register and Attend
Registered for iGEM Jamboree
Deliverables
- Poster
- Presentation
- Safety Forms (completed)