diff --git a/style.css b/style.css index 2ab4394..befe6fb 100644 --- a/style.css +++ b/style.css @@ -27,3 +27,29 @@ main p { font-family: "Roboto", sans-serif; margin-top: 0; } + +.group { + display: flex; + flex-direction: column; + margin-bottom: 100px; +} + +.item { + flex: 1; + margin: 10px; +} + +.item-double { + flex: 2; + margin: 10px +} + +@media all and (min-width: 800px) { + section { + padding: 0 10%; + } + + .group { + flex-direction: row; + } +}