Discussion
Loading...

Post

  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Jonathan Schofield
@urlyman@mastodon.social  ·  activity timestamp 2 weeks ago
#css

Unreasonably pleased with careful use of clamp(ed) `font-size` and grid `gap`, along with

```
grid-template-columns:
repeat(3, minmax(max-content, 1fr));
```

3 button-style links of white text on blue lozenge shapes with rounded ends, saying ‘Programme’, ‘Speakers’ and ‘Posters’, set on a pale blue background. They scale horizontally and in font size to fit within viewport widths of 375px, 393px, 428px and 768px.
3 button-style links of white text on blue lozenge shapes with rounded ends, saying ‘Programme’, ‘Speakers’ and ‘Posters’, set on a pale blue background. They scale horizontally and in font size to fit within viewport widths of 375px, 393px, 428px and 768px.
3 button-style links of white text on blue lozenge shapes with rounded ends, saying ‘Programme’, ‘Speakers’ and ‘Posters’, set on a pale blue background. They scale horizontally and in font size to fit within viewport widths of 375px, 393px, 428px and 768px.
  • Copy link
  • Flag this post
  • Block
Log in

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.0-rc.2.21 no JS en
Automatic federation enabled
  • Explore
  • About
  • Members
  • Code of Conduct
Home
Login