fcalderan

@fcalderan@front-end.social

Introvert. Inclusive Frontend Developer at AKQA Venice. (CSS❤️/A11y/JS/React/NextJS/GraphQL)

Also: INTJ, dad of two kids, trees funder, lonely bass player.

This profile is from a federated server and may be incomplete. Browse more on the original instance.

mia, to CSS
@mia@front-end.social avatar

What would you want to understand better about - about how it works, or why it works the way it does?

(This is research for a thing)

fcalderan,

@mia how exactly the contain property works and how should I choose it

fcalderan, to webdev Italian

For absolutely no reason here is a hexagon made of responsive hexagons in , using layout, variables and trigonometry!

The magic is ✨
aspect-ratio: calc(1 / cos(30deg));

https://codepen.io/fcalderan/full/YzJVvBx

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • mdbf
  • everett
  • osvaldo12
  • magazineikmin
  • thenastyranch
  • rosin
  • tester
  • Youngstown
  • Durango
  • slotface
  • ngwrru68w68
  • kavyap
  • DreamBathrooms
  • megavids
  • InstantRegret
  • ethstaker
  • GTA5RPClips
  • tacticalgear
  • normalnudes
  • Leos
  • modclub
  • khanakhh
  • cubers
  • cisconetworking
  • anitta
  • provamag3
  • lostlight
  • All magazines
    •