You'll Never Center A Div This Fast

Рет қаралды 145,209

2 жыл бұрын

#shorts #css #jokes
Support the channel: ko-fi.com/hyperplexed (accepts PayPal, card, etc).
A brief history of centering a div. And a potential new way too?

Пікірлер: 57

@DennisUlijn Жыл бұрын

Where’s my margin: 0 auto; ?!

@benjaminschneider Жыл бұрын

It’s only horizontal not both.

@thethiny Жыл бұрын

@@benjaminschneider still should've been discussed

@cristianjuarez1086 Жыл бұрын

Needs flex

@MubashirAR Жыл бұрын

2034: everything is automatically centered

@chen-shen-yi 10 ай бұрын

3202: our monitor is an infinity space, so everything is the center.

@notmanciv5016 Жыл бұрын

People who use

@Snortingcocaineofficial Жыл бұрын

I use that lmao

@Magnogen Жыл бұрын

It'd be great if css took a leaf out of the Android LinearLayout properties and added a "gravity: center center" line.

@IsaakWolf Жыл бұрын

This mans making front end coding looking fun

@tabishnaqvi5748 Жыл бұрын

It is?

@pavelbrixi7773 Жыл бұрын

@LambdaCreates Жыл бұрын

2039: display:grid;place-items:center; That's the solution.

@Dev-Siri Жыл бұрын

Well, I already have a 1 line solution that can work with any layout: div { /* Grid Way */ display:grid;place-items:center; /* Flex Way */ display:flex;align-items:center;justify-content:center; /* Transform Way */ /* I don't know the transform way */ }

@saidalachgar8837 Жыл бұрын

3 lines 🙂 Left 50% top 50% transform translate(-50%,-50%)

@Mukeshsainaidu Жыл бұрын

@@saidalachgar8837 where do you learn css? I want to start Java script suggest me some best way

@saidalachgar8837 Жыл бұрын

@@Mukeshsainaidu KZfaq tutorials with real time practice

@ryan_765 Жыл бұрын

That's literally the exact same as the video though, just put on one line

@cmdpromp Жыл бұрын

It's may 25 2023. Official year anniversary of this video

@orbe5533 Жыл бұрын

Ahaha not enough, that be like my Digital solutions teacher

@neo-lj5nt Жыл бұрын

Where is the zero lines of code div?

@loismorellos4750 Жыл бұрын

I even remember when we used a hack that takes advantage of display: table;. they were painful ol-days

@lordgiacomos2551 Жыл бұрын

And yet, sometimes I still mourn the removal of the center tag in html...

@daometh Жыл бұрын

XD if only.

@MineCrafterCity Жыл бұрын

10 years later and I still don't use flex

@Raevolpe Жыл бұрын

Update yourself then

@stysan Жыл бұрын

October 10th is my birthday. This would be the greatest gift.

@happylilgoat6692 Жыл бұрын

People who use tailwind css:

@relaxingandy366 Жыл бұрын

😂😂😂 Great 👍

@kwanele_dev Жыл бұрын

2050: .div{ put: c; }

@a.anvarbekov Жыл бұрын

Lol, I actually tried this but no property like this exists

@kabeeki 2 жыл бұрын

Lmaoo, funny vid

@Vichion Жыл бұрын

So I am not supposed create... @media only screen and (max-width: *) {} @media only screen and (max-height: *) {} ...for every pixel size and calculate... (body width - div width) / 2 (body height - div height) / 2 ....and pass in the result as margin-right, margin-left, margin-top and margin-bottom? 😂🤣

@edgeofhalo Жыл бұрын

Know nothing of code. Love design. Vids are quite exemplary. Perhaps a short on your methods when using color, favorite scheme or fundemental of UI design.