main { margin: 0 12vw; } h2, p { margin: 0; } .userMeta { padding: 2vw; border-radius: 12px; } .userMeta__upper { display: flex; gap: 10px; align-items: center; } .userMeta__upper__bio { margin-top: 1em; } .pfp { border-radius: 100%; } .posts { margin-top: 1em; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); grid-auto-rows: 1fr; gap: 1rem; } .post { border-radius: 12px; background-color: #3b3b3b; font-weight: 400; } img, video:not(:fullscreen) { object-fit: cover; aspect-ratio: 1; } .post__title { margin: 0 6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .post__meta { padding: 6px; display: flex; gap: 10px; } .post__meta .material-icons-outlined { font-size: 1rem; }