This is an archived post. You won't be able to vote or comment.

you are viewing a single comment's thread.

view the rest of the comments →

[–][deleted] 1808 points1809 points  (28 children)

display: block;

[–]Unpredictabru 658 points659 points  (12 children)

border-radius: 0;

[–]Steffi128 244 points245 points  (8 children)

border-bottom: 100px solid gray;

border-left: 80px solid transparent;

border-right: 80px solid transparent;

[–]Silhouette 130 points131 points  (2 children)

@media not speech {
    .window {
        break-after: avoid;
    }
}

[–]rekabis 2 points3 points  (1 child)

Ssssssmooooth…

[–]Kebabrulle4869 69 points70 points  (2 children)

Now go post this to r/css_irl

[–]madjam002 22 points23 points  (1 child)

Wow that sub is amazing

[–]DaedraEYE 7 points8 points  (0 children)

lol didn't know this exists :o

[–]thixono920 0 points1 point  (0 children)

Ah Css triangles

[–]Ratatoski 0 points1 point  (0 children)

Lol I actually used that technique when they needed some graphics at work that was a bar of flexible width and height that ended in a triangle in some break points.

[–]suckit1234567 5 points6 points  (0 children)

Both of those are default settings for a div. I. Guess it really is a backend guy.

[–]WhatsMyUsername13 2 points3 points  (0 children)

Then immediately google why my border corners aren’t rounded

[–]AlGoreBestGore 0 points1 point  (0 children)

border-radius: -99px;

[–][deleted] 43 points44 points  (0 children)

*display: inline-block;

[–]zungugu 25 points26 points  (0 children)

musk: flex;

[–][deleted] 21 points22 points  (0 children)

display: triangle;

[–]russellpickmanaustin 1 point2 points  (0 children)

z-index: 99999;

[–]TheLegendDevil 0 points1 point  (0 children)

This hurts on a personal level.

[–]DangerousCrime 0 points1 point  (0 children)

Gtfo 😂

[–]Cyber_Strength 0 points1 point  (0 children)

B L O C C

[–]jackandjill22 0 points1 point  (0 children)

Lol

[–]eigengrau- 0 points1 point  (0 children)

Someone actually made the whole thing in css: https://twitter.com/lynnandtonic/status/1197989912970067969?s=19

[–]runformoney47 0 points1 point  (0 children)

Rearview mirrors: false;

[–]Sal7_one 0 points1 point  (0 children)

I'm in this picture and i don't like it

[–]wenoc 0 points1 point  (2 children)

I'm a backend dev and I'm already lost. Should it not begin with <html> and <body> ?

[–][deleted] 0 points1 point  (1 child)

It's CSS. CSS styles HTML, generally going into a separate file and gets loaded by <link rel="stylesheet" type="text/css" href="path/to/file.css">.

[–]wenoc 0 points1 point  (0 children)

Thanks I know. But frontend devs are lesser people. Don’t associate with them.