A place for developers to talk about building on Farcaster.

/dev

does anybody have a good method of just... centering a div

building reel.farm and farcasterstudio.com

.𝚙𝚊𝚛𝚎𝚗𝚝 {
 𝚙𝚘𝚜𝚒𝚝𝚒𝚘𝚗: 𝚛𝚎𝚕𝚊𝚝𝚒𝚟𝚎;
 } 

.𝚌𝚑𝚒𝚕𝚍 { 
𝚙𝚘𝚜𝚒𝚝𝚒𝚘𝚗: 𝚊𝚋𝚜𝚘𝚕𝚞𝚝𝚎; 𝚕𝚎𝚏𝚝: 𝟻𝟶%; 𝚝𝚛𝚊𝚗𝚜𝚏𝚘𝚛𝚖: 𝚝𝚛𝚊𝚗𝚜𝚕𝚊𝚝𝚎𝚇(-𝟻𝟶%);
 }

Founder @rivet (rivet.cloud) • Æxtropian Cypherpunk • Host @ WBRT (den.social) • e/acc • 🦇🔊

Give your div the child class, and make sure its parent element has position: relative

(Note you can center it vertically this way by adding top: 50%; and transform: translateY(-50%);)

(If doing both horizontal and vertical centering, you can use transform: translate(-50%, -50%); to specify both X and Y at once)