Difference between revisions of "Album"
(Full prototype) |
(Add CSS) |
||
| Line 1: | Line 1: | ||
| + | {{#css: | ||
| + | .jumbotron { | ||
| + | padding-top: 3rem; | ||
| + | padding-bottom: 3rem; | ||
| + | margin-bottom: 0; | ||
| + | background-color: #fff; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | .jumbotron { | ||
| + | padding-top: 6rem; | ||
| + | padding-bottom: 6rem; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .jumbotron p:last-child { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | |||
| + | .jumbotron h1 { | ||
| + | font-weight: 300; | ||
| + | } | ||
| + | |||
| + | .jumbotron .container { | ||
| + | max-width: 40rem; | ||
| + | } | ||
| + | |||
| + | footer { | ||
| + | padding-top: 3rem; | ||
| + | padding-bottom: 3rem; | ||
| + | } | ||
| + | |||
| + | footer p { | ||
| + | margin-bottom: .25rem; | ||
| + | } | ||
| + | |||
| + | }} | ||
<html> | <html> | ||
<header> | <header> | ||
Revision as of 21:59, 21 May 2020
Album example
Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
