From a38811fbd1996bff360f605ef0b0a42272e2e381 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luiz=20Ot=C3=A1vio?= Date: Wed, 26 Apr 2023 08:49:22 -0300 Subject: [PATCH] Entendendo o seu HTML final + adicionando CSS aos posts --- .../base/static/global/css/style.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/aula207_ola_django/base/static/global/css/style.css b/aula207_ola_django/base/static/global/css/style.css index 4c6b9cc..29c2637 100644 --- a/aula207_ola_django/base/static/global/css/style.css +++ b/aula207_ola_django/base/static/global/css/style.css @@ -17,3 +17,21 @@ body { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } + +.content { + display: grid; + gap: 1.5rem; + padding: 1.5rem; +} + +.post { + background: #fff; + padding: 1.5rem; + box-shadow: 5px 2px 5px rgba(0, 0, 0, 10%); +} + +@media (min-width: 600px) { + .content { + grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr)); + } +}