simevidas,
@simevidas@mastodon.social avatar

CSS quiz: Style <div> to produce a staircase design

The only limitation is that you can’t use numerical digits in the CSS code.

Try it out here: https://jsbin.com/cuyuyik/edit?html,css,output

westbrook,
@westbrook@mastodon.social avatar

@simevidas Can be done with one line...

cwilcox808,
@cwilcox808@c.im avatar

@simevidas
I got 8px "stairs" without digits, yours look wider, maybe 16px.

simevidas,
@simevidas@mastodon.social avatar

@cwilcox808 I feel if I said exactly how wide the stairs are, that could give my own solution away.

edit: But that’s not a requirement. Any staircase design is a valid solution.

yuanchuan,
@yuanchuan@vis.social avatar

@simevidas
width: 97%

simevidas,
@simevidas@mastodon.social avatar

@yuanchuan The rule is no numerical digits.

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