Entendendo o seu HTML final + adicionando CSS aos posts

2023-04-26 08:49:22 -03:00
parent f7949c7030
commit a38811fbd1
1 changed files with 18 additions and 0 deletions
--- 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));
+  }
+}