media {min-width: 100px} 
media {max-width: 200px}
h1 {color: blue;}
h2 {color: red;}
h3 {color: orange;}
p {font-family: "monospace"}
p {font-size: "100%";}
p {color: silver;} 
body {background-image: linear-gradient(silver);}
#parent-element {display: flex;}
flew-flow column wrap 
justify-content flex-start
justify-content center
lex-direction row
.card-container {
  display: flex;
  flex-wrap: wrap;
    justify-content: center;}
 .card {
  display: flex;
  flex-direction: column;
  background: silver;
  margin: 15px;
  padding: 20vw;
  max-width: 200vw;}