JoeyBurzynski

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

stereokai

.rounded-corners-gradient-borders {
  width: 300px;
  height: 80px;
  border: double 4px transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

zacwest

let styles: [UIFont.TextStyle] = [
    // iOS 17
    .extraLargeTitle, .extraLargeTitle2,
    // iOS 11
    .largeTitle,
    // iOS 9
    .title1, .title2, .title3, .callout,
    // iOS 7
    .headline, .subheadline, .body, .footnote, .caption1, .caption2,
]