Difference between revisions of "User:Discoomastar/Sandbox6"
>Discoomastar |
>Discoomastar |
||
| Line 9: | Line 9: | ||
{{#css: | {{#css: | ||
| + | |||
| + | .notable-wrap, .notable, .notable * { | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| + | |||
| + | .notable-wrap { | ||
| + | display: flex; | ||
| + | flex-wrap: wrap; | ||
| + | } | ||
| + | |||
| + | /*desktop*/ | ||
| + | @media screen and (min-width: 1000px) { | ||
| + | .notable-wrap > .notable { | ||
| + | width: 350px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /*mobile*/ | ||
| + | @media screen and (max-width: 999px) { | ||
| + | .notable-wrap > .notable { | ||
| + | width: 100%; | ||
| + | } | ||
| + | } | ||
.notable { | .notable { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
| + | margin: 1em; | ||
} | } | ||
| Line 35: | Line 59: | ||
}} | }} | ||
| + | |||
| + | <div class="notable-wrap"> | ||
<div class="notable"> | <div class="notable"> | ||
| Line 44: | Line 70: | ||
<div class="notable-content"> | <div class="notable-content"> | ||
Cupcake ipsum dolor sit amet pudding chocolate wafer cake. Ice cream gingerbread fruitcake sweet roll. Cake toffee sesame snaps cotton candy marshmallow pastry. Icing jelly chocolate cake lollipop gummies. Cookie fruitcake tiramisu dessert macaroon gummies fruitcake marzipan. Cupcake muffin cookie tiramisu ice cream. Chupa chups halvah muffin tootsie roll. Macaroon toffee oat cake chocolate cake apple pie candy canes. Chocolate cake dessert liquorice chocolate cake marshmallow gummies sweet pie gummi bears. Gummies cupcake dessert croissant. Gingerbread gummies carrot cake gummi bears icing cake toffee. Lollipop wafer cotton candy marshmallow chupa chups sweet gummi bears jujubes. Macaroon marshmallow gummies oat cake. Dragée pudding danish sweet roll jujubes dessert. | Cupcake ipsum dolor sit amet pudding chocolate wafer cake. Ice cream gingerbread fruitcake sweet roll. Cake toffee sesame snaps cotton candy marshmallow pastry. Icing jelly chocolate cake lollipop gummies. Cookie fruitcake tiramisu dessert macaroon gummies fruitcake marzipan. Cupcake muffin cookie tiramisu ice cream. Chupa chups halvah muffin tootsie roll. Macaroon toffee oat cake chocolate cake apple pie candy canes. Chocolate cake dessert liquorice chocolate cake marshmallow gummies sweet pie gummi bears. Gummies cupcake dessert croissant. Gingerbread gummies carrot cake gummi bears icing cake toffee. Lollipop wafer cotton candy marshmallow chupa chups sweet gummi bears jujubes. Macaroon marshmallow gummies oat cake. Dragée pudding danish sweet roll jujubes dessert. | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="notable"> | ||
| + | |||
| + | <div class="notable-header"> | ||
| + | Header text 2 | ||
| + | </div> | ||
| + | |||
| + | <div class="notable-content"> | ||
| + | Cupcake ipsum dolor sit amet pudding chocolate wafer cake. Ice cream gingerbread fruitcake sweet roll. Cake toffee sesame snaps cotton candy marshmallow pastry. Icing jelly chocolate cake lollipop gummies. Cookie fruitcake tiramisu dessert macaroon gummies fruitcake marzipan. Cupcake muffin cookie tiramisu ice cream. Chupa chups halvah muffin tootsie roll. | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="notable"> | ||
| + | |||
| + | <div class="notable-header"> | ||
| + | Header text 2 | ||
| + | </div> | ||
| + | |||
| + | <div class="notable-content"> | ||
| + | Lemon drops gummies powder halvah. Gummi bears gummi bears dessert gingerbread oat cake. Topping pastry sweet roll cake powder halvah sweet roll biscuit. Gummies cheesecake danish muffin soufflé caramels marzipan marshmallow. | ||
| + | |||
| + | Candy canes jelly-o fruitcake cupcake tootsie roll. Marshmallow muffin jelly-o biscuit. Marzipan powder soufflé croissant jujubes gingerbread cotton candy. | ||
| + | |||
| + | Tootsie roll jelly-o marzipan cheesecake jelly chupa chups. Jelly-o chocolate carrot cake. Chocolate liquorice gingerbread. Jelly beans muffin candy canes pudding brownie. | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 14:48, 7 May 2019
| Header text |
|---|
| Cupcake ipsum dolor sit amet pudding chocolate wafer cake. Ice cream gingerbread fruitcake sweet roll. Cake toffee sesame snaps cotton candy marshmallow pastry. Icing jelly chocolate cake lollipop gummies. Cookie fruitcake tiramisu dessert macaroon gummies fruitcake marzipan. Cupcake muffin cookie tiramisu ice cream. Chupa chups halvah muffin tootsie roll. Macaroon toffee oat cake chocolate cake apple pie candy canes. Chocolate cake dessert liquorice chocolate cake marshmallow gummies sweet pie gummi bears. Gummies cupcake dessert croissant. Gingerbread gummies carrot cake gummi bears icing cake toffee. Lollipop wafer cotton candy marshmallow chupa chups sweet gummi bears jujubes. Macaroon marshmallow gummies oat cake. Dragée pudding danish sweet roll jujubes dessert. |
soon tm
{{#css:
.notable-wrap, .notable, .notable * { box-sizing: border-box; }
.notable-wrap { display: flex; flex-wrap: wrap; }
/*desktop*/ @media screen and (min-width: 1000px) { .notable-wrap > .notable { width: 350px; } }
/*mobile*/ @media screen and (max-width: 999px) { .notable-wrap > .notable { width: 100%; } }
.notable { display: flex; flex-direction: column; margin: 1em; }
.notable > .notable-header { background-color: rgb(77, 144, 94); color: white; text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 0.25em; font-weight: bold; padding: .2em .5em; border: 1px solid rgb(51, 102, 66); }
.notable > .notable-content { background-color: #f8f9fa; padding: .2em .5em; border-right: 1px solid rgb(170, 170, 170); border-left: 1px solid rgb(170, 170, 170); border-bottom: 1px solid rgb(170, 170, 170); color: rgb(34, 34, 34); }
}}
Header text
Cupcake ipsum dolor sit amet pudding chocolate wafer cake. Ice cream gingerbread fruitcake sweet roll. Cake toffee sesame snaps cotton candy marshmallow pastry. Icing jelly chocolate cake lollipop gummies. Cookie fruitcake tiramisu dessert macaroon gummies fruitcake marzipan. Cupcake muffin cookie tiramisu ice cream. Chupa chups halvah muffin tootsie roll. Macaroon toffee oat cake chocolate cake apple pie candy canes. Chocolate cake dessert liquorice chocolate cake marshmallow gummies sweet pie gummi bears. Gummies cupcake dessert croissant. Gingerbread gummies carrot cake gummi bears icing cake toffee. Lollipop wafer cotton candy marshmallow chupa chups sweet gummi bears jujubes. Macaroon marshmallow gummies oat cake. Dragée pudding danish sweet roll jujubes dessert.
Header text 2
Cupcake ipsum dolor sit amet pudding chocolate wafer cake. Ice cream gingerbread fruitcake sweet roll. Cake toffee sesame snaps cotton candy marshmallow pastry. Icing jelly chocolate cake lollipop gummies. Cookie fruitcake tiramisu dessert macaroon gummies fruitcake marzipan. Cupcake muffin cookie tiramisu ice cream. Chupa chups halvah muffin tootsie roll.
Header text 2
Lemon drops gummies powder halvah. Gummi bears gummi bears dessert gingerbread oat cake. Topping pastry sweet roll cake powder halvah sweet roll biscuit. Gummies cheesecake danish muffin soufflé caramels marzipan marshmallow.
Candy canes jelly-o fruitcake cupcake tootsie roll. Marshmallow muffin jelly-o biscuit. Marzipan powder soufflé croissant jujubes gingerbread cotton candy.
Tootsie roll jelly-o marzipan cheesecake jelly chupa chups. Jelly-o chocolate carrot cake. Chocolate liquorice gingerbread. Jelly beans muffin candy canes pudding brownie.