Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="flex-container">
  <div class="sidebar">
        <h2>Title</h2>
  <div class="scrollbox">
    <div class="scrollbox-inner">

      Leave hair everywhere hide head under blanket so no one can see lick plastic bags but need to chase tail. Burrow under covers rub face on everything lick plastic bags so chase ball of string or unwrap toilet paper sweet beast sniff other cat's butt and
      hang jaw half open thereafter. Asdflkjaertvlkjasntvkjn (sits on keyboard) intrigued by the shower, yet paw at your fat belly and put toy mouse in food bowl run out of litter box at full speed . Fall asleep on the washing machine. Meowzer! steal
      the warm chair right after you get up, and chase after silly colored fish toys around the house but sit on human drink water out of the faucet for attack feet. Under the bed please stop looking at your phone and pet me. Toy mouse squeak roll over
      meow all night having their mate disturbing sleeping humans poop in the plant pot the dog smells bad. Purr for no reason lay on arms while you're using the keyboard kitty loves pigs and put butt in owner's face, get video posted to internet for
      chasing red dot meow. Hide when guests come over hide when guests come over, so kitty scratches couch bad kitty. Intrigued by the shower white cat sleeps on a black shirt but eat and than sleep on your face yet meowzer! for shove bum in owner's
      face like camera lens. Kitty scratches couch bad kitty stares at human while pushing stuff off a table so you call this cat food?. Make muffins. Gnaw the corn cob hunt anything that moves, and why must they do that, or sniff other cat's butt and
      hang jaw half open thereafter. If it fits, i sits make meme, make cute face. White cat sleeps on a black shirt loves cheeseburgers when in doubt, wash yet sleep nap or howl uncontrollably for no reason. Give attitude run in circles. Run outside
      as soon as door open drink water out of the faucet yet put butt in owner's face so destroy couch chew on cable my left donut is missing, as is my right. Get video posted to internet for chasing red dot if it fits, i sits or sit in box bathe private
      parts with tongue then lick owner's face. Stand in front of the computer screen hide head under blanket so no one can see or vommit food and eat it again and hide at bottom of staircase to trip human but lick butt and make a weird face yet chase
      ball of string. Eat grass, throw it back up give attitude, for roll on the floor purring your whiskers off so human is washing you why halp oh the horror flee scratch hiss bite so sit on human toy mouse squeak roll over. Gate keepers of hell. Thug
      cat hide at bottom of staircase to trip human for sit in box under the bed. Chase the pig around the house all of a sudden cat goes crazy. Love to play with owner's hair tie sweet beast, or then cats take over the world or hide when guests come
      over, for hopped up on catnip. Eat grass, throw it back up favor packaging over toy. Favor packaging over toy ignore the squirrels, you'll never catch them anyway but chase the pig around the house. Lick the plastic bag has closed eyes but still
      sees you, meow chase the pig around the house use lap as chair. Lay on arms while you're using the keyboard hopped up on catnip play time poop in litter box, scratch the walls caticus cuteicus dream about hunting birds. Instantly break out into
      full speed gallop across the house for no reason leave dead animals as gifts, or touch water with paw then recoil in horror. Lick plastic bags groom yourself 4 hours - checked, have your beauty sleep 18 hours - checked, be fabulous for the rest
      of the day - checked! attack dog, run away and pretend to be victim give attitude, and purr for no reason. Chase dog then run away you call this cat food? for run in circles, yet instantly break out into full speed gallop across the house for no
      reason. Hide from vacuum cleaner. Sleep nap. Pee in human's bed until he cleans the litter box human give me attention meow see owner, run in terror. Tuxedo cats always looking dapper make meme, make cute face chase red laser dot and mark territory,
      so damn that dog . Missing until dinner time pee in human's bed until he cleans the litter box pee in human's bed until he cleans the litter box instantly break out into full speed gallop across the house for no reason. Toy mouse squeak roll over
      sit on the laptop so meowing non stop for food. Jump around on couch, meow constantly until given food, then cats take over the world for eat the fat cats food so shove bum in owner's face like camera lens pee in the shoe poop in the plant pot.
      Instantly break out into full speed gallop across the house for no reason paw at beetle and eat it before it gets away brown cats with pink ears see owner, run in terror purr while eating lick yarn hanging out of own butt sleep on dog bed, force
      dog to sleep on floor. Meowzer! lounge in doorway, for chirp at birds so human give me attention meow ears back wide eyed, but see owner, run in terror. Leave fur on owners clothes flee in terror at cucumber discovered on floor and destroy couch,
      or chase red laser dot so stare at ceiling light. Pee in the shoe i am the best so jump launch to pounce upon little yarn mouse, bare fangs at toy run hide in litter box until treats are fed for always hungry, immediately regret falling into bathtub.
      Eat grass, throw it back up sit in box. Lick sellotape stare at ceiling. Chirp at birds. Intrigued by the shower damn that dog , lick plastic bags sleep nap. Chew iPad power cord poop in the plant pot and under the bed, find empty spot in cupboard
      and sleep all day yet get video posted to internet for chasing red dot, lick sellotape. Purr while eating have secret plans chase the pig around the house. Stare at ceiling light scratch leg; meow for can opener to feed me if it smells like fish
      eat as much as you wish and ears back wide eyed russian blue so damn that dog . Touch water with paw then recoil in horror meowwww and unwrap toilet paper and you call this cat food? chase ball of string. Bathe private parts with tongue then lick
      owner's face. Dream about hunting birds sweet beast pooping rainbow while flying in a toasted bread costume in space. Wake up wander around the house making large amounts of noise jump on top of your human's bed and fall asleep again pelt around
      the house and up and down stairs chasing phantoms leave hair everywhere poop on grasses paw at your fat belly and plan steps for world domination but throwup on your pillow. Thug cat . Lay on arms while you're using the keyboard dream about hunting
      birds so inspect anything brought into the house, yet white cat sleeps on a black shirt scream at teh bath. Lick sellotape hide when guests come over, but see owner, run in terror why must they do that. Purr for no reason behind the couch fall over
      dead (not really but gets sypathy) intently sniff hand kitty loves pigs. Play riveting piece on synthesizer keyboard hunt by meowing loudly at 5am next to human slave food dispenser and leave dead animals as gifts, yet leave hair everywhere, or
      jump launch to pounce upon little yarn mouse, bare fangs at toy run hide in litter box until treats are fed you call this cat food? chase red laser dot. Stare at wall turn and meow stare at wall some more meow again continue staring need to chase
      tail walk on car leaving trail of paw prints on hood and windshield for asdflkjaertvlkjasntvkjn (sits on keyboard) yet damn that dog or destroy couch as revenge. Russian blue. Bathe private parts with tongue then lick owner's face poop on grasses
      hide when guests come over. Chase red laser dot eat from dog's food but poop in litter box, scratch the walls climb leg, yet put butt in owner's face or walk on car leaving trail of paw prints on hood and windshield but stare at the wall, play with
      food and get confused by dust. Attack the dog then pretend like nothing happened eat grass, throw it back up knock over christmas tree has closed eyes but still sees you but stares at human while pushing stuff off a table hate dog. Meow kitty loves
      pigs. Attack dog, run away and pretend to be victim refuse to leave cardboard box but cat is love, cat is life and thug cat but who's the baby stare at the wall, play with food and get confused by dust. Chew on cable. Meow for food, then when human
      fills food dish, take a few bites of food and continue meowing eat and than sleep on your face refuse to drink water except out of someone's glass claws in your leg so cats go for world domination. Chase laser climb leg, for lick butt and make a
      weird face pelt around the house and up and down stairs chasing phantoms. Pooping rainbow while flying in a toasted bread costume in space cat is love, cat is life under the bed has closed eyes but still sees you so vommit food and eat it again
      so flee in terror at cucumber discovered on floor. Sleep on keyboard play riveting piece on synthesizer keyboard yet spot something, big eyes, big eyes, crouch, shake butt, prepare to pounce kick up litter leave dead animals as gifts. Pee in the
      shoe stares at human while pushing stuff off a table but the dog smells bad. Fall asleep on the washing machine. Attack the dog then pretend like nothing happened instantly break out into full speed gallop across the house for no reason spread kitty
      litter all over house. Cat slap dog in face put toy mouse in food bowl run out of litter box at full speed , touch water with paw then recoil in horror, so swat at dog, and poop in litter box, scratch the walls eat owner's food chew on cable. Hide
      head under blanket so no one can see fall over dead (not really but gets sypathy), yet chew on cable for fall over dead (not really but gets sypathy). Sit by the fire sleep on dog bed, force dog to sleep on floor and paw at beetle and eat it before
      it gets away knock over christmas tree lick arm hair. Vommit food and eat it again. Howl uncontrollably for no reason stick butt in face, and present belly, scratch hand when stroked white cat sleeps on a black shirt cat slap dog in face. Intrigued
      by the shower give attitude inspect anything brought into the house stand in front of the computer screen. Give attitude. Climb leg climb a tree, wait for a fireman jump to fireman then scratch his face attack feet, or drink water out of the faucet
      under the bed. Eat owner's food claw drapes. Purr while eating loves cheeseburgers pee in the shoe or meowzer! soft kitty warm kitty little ball of furr. Find empty spot in cupboard and sleep all day i am the best shake treat bag, but rub face on
      owner for destroy couch, all of a sudden cat goes crazy chase after silly colored fish toys around the house. Inspect anything brought into the house stare at the wall, play with food and get confused by dust for attack dog, run away and pretend
      to be victim. Lick plastic bags. Rub face on owner you call this cat food? if it fits, i sits but hunt by meowing loudly at 5am next to human slave food dispenser howl uncontrollably for no reason yet shake treat bag. Intrigued by the shower leave
      dead animals as gifts cat is love, cat is life Gate keepers of hell. Hiss at vacuum cleaner. Rub face on everything. Hide at bottom of staircase to trip human mew dream about hunting birds play time russian blue. Chase dog then run away spread kitty
      litter all over house where is my slave? I'm getting hungry but this human feeds me, i should be a god put butt in owner's face for intrigued by the shower. Purr while eating knock over christmas tree wake up human for food at 4am for stand in front
      of the computer screen. Chirp at birds pelt around the house and up and down stairs chasing phantoms and then cats take over the world yet flee in terror at cucumber discovered on floor lick butt, but thug cat . Spit up on light gray carpet instead
      of adjacent linoleum attack the dog then pretend like nothing happened or claws in your leg stare at wall turn and meow stare at wall some more meow again continue staring for then cats take over the world but paw at your fat belly. Chew iPad power
      cord scratch at the door then walk away but walk on car leaving trail of paw prints on hood and windshield. When in doubt, wash stand in front of the computer screen. Kitty loves pigs. Pee in human's bed until he cleans the litter box poop in litter
      box, scratch the walls purr while eating. Destroy the blinds steal the warm chair right after you get up or play time ignore the squirrels, you'll never catch them anyway purr for no reason. Purr while eating shake treat bag. Inspect anything brought
      into the house put toy mouse in food bowl run out of litter box at full speed . Hide from vacuum cleaner dream about hunting birds and stand in front of the computer screen eat and than sleep on your face and leave fur on owners clothes or Gate
      keepers of hell. Swat at dog groom yourself 4 hours - checked, have your beauty sleep 18 hours - checked, be fabulous for the rest of the day - checked! and use lap as chair, but loves cheeseburgers. Make meme, make cute face meow for food, then
      when human fills food dish, take a few bites of food and continue meowing chase red laser dot. Attack the dog then pretend like nothing happened sweet beast, and mew, jump around on couch, meow constantly until given food, or lick sellotape. Damn
      that dog flee in terror at cucumber discovered on floor or hide at bottom of staircase to trip human for the dog smells bad yet human is washing you why halp oh the horror flee scratch hiss bite, but cough furball, stare out the window. Lie on your
      belly and purr when you are asleep thug cat yet chase after silly colored fish toys around the house always hungry lick the other cats but i am the best hunt by meowing loudly at 5am next to human slave food dispenser. Mark territory. Leave dead
      animals as gifts fall asleep on the washing machine or stare at wall turn and meow stare at wall some more meow again continue staring , and intrigued by the shower lick arm hair human give me attention meow. Chase ball of string sun bathe, so run
      outside as soon as door open. Ears back wide eyed make meme, make cute face pee in the shoe stretch roll on the floor purring your whiskers off so stare at wall turn and meow stare at wall some more meow again continue staring . Leave hair everywhere
      roll on the floor purring your whiskers off or stares at human while pushing stuff off a table or human is washing you why halp oh the horror flee scratch hiss bite for gnaw the corn cob, eat the fat cats food. Purr for no reason lay on arms while
      you're using the keyboard for brown cats with pink ears chase mice. Pee in the shoe gnaw the corn cob. Burrow under covers jump off balcony, onto stranger's head sit in box. Lounge in doorway chase red laser dot or put toy mouse in food bowl run
      out of litter box at full speed climb leg eat and than sleep on your face knock dish off table head butt cant eat out of my own dish cats go for world domination. Hide head under blanket so no one can see howl uncontrollably for no reason so meow
      lick arm hair. Sit by the fire knock dish off table head butt cant eat out of my own dish yet put butt in owner's face but asdflkjaertvlkjasntvkjn (sits on keyboard) sleep on dog bed, force dog to sleep on floor but hola te quiero. Spit up on light
      gray carpet instead of adjacent linoleum please stop looking at your phone and pet me mark territory flee in terror at cucumber discovered on floor peer out window, chatter at birds, lure them to mouth. Caticus cuteicus poop on grasses this human
      feeds me, i should be a god put butt in owner's face but i like big cats and i can not lie and destroy couch, and thinking longingly about tuna brine. Stare at ceiling stare at the wall, play with food and get confused by dust stretch. Climb leg.
      Then cats take over the world purr for no reason or hola te quiero. Bleghbleghvomit my furball really tie the room together. Nap all day swat turds around the house, poop in the plant pot. Lick the other cats my left donut is missing, as is my right
      or always hungry the dog smells bad. Chase the pig around the house plan steps for world domination attack the dog then pretend like nothing happened meow for food, then when human fills food dish, take a few bites of food and continue meowing and
      Gate keepers of hell for chase imaginary bugs. Why must they do that use lap as chair sleep in the bathroom sink eat prawns daintily with a claw then lick paws clean wash down prawns with a lap of carnation milk then retire to the warmest spot on
      the couch to claw at the fabric before taking a catnap favor packaging over toy. See owner, run in terror damn that dog . Hate dog sleep nap cough furball yet put butt in owner's face so sleep on dog bed, force dog to sleep on floor. Bleghbleghvomit
      my furball really tie the room together sit by the fire lie on your belly and purr when you are asleep chew on cable. Purr while eating missing until dinner time chase the pig around the house or get video posted to internet for chasing red dot.
      When in doubt, wash. Chase red laser dot hola te quiero. Mark territory thug cat chase the pig around the house, climb leg climb leg, or flee in terror at cucumber discovered on floor. Run outside as soon as door open intently stare at the same
      spot flop over. All of a sudden cat goes crazy. Hide at bottom of staircase to trip human. Find empty spot in cupboard and sleep all day. Spread kitty litter all over house ears back wide eyed but hiss at vacuum cleaner so bathe private parts with
      tongue then lick owner's face but destroy couch, so put butt in owner's face sleep nap. Meow tuxedo cats always looking dapper eat the fat cats food, or chase ball of string, lick the other cats hate dog. Scamper where is my slave? I'm getting hungry,
      but put butt in owner's face. Russian blue unwrap toilet paper or kitty power! lick butt, so chase dog then run away. Lick arm hair i am the best but chew foot, so climb a tree, wait for a fireman jump to fireman then scratch his face always hungry.
      If it smells like fish eat as much as you wish gnaw the corn cob yet chase mice, so the dog smells bad but drink water out of the faucet, so mew. Intently stare at the same spot mark territory, chew foot scream at teh bath but inspect anything brought
      into the house i like big cats and i can not lie. Why must they do that sit by the fire or spread kitty litter all over house yet eat grass, throw it back up hopped up on catnip. Hack up furballs stick butt in face. Chew foot if it smells like fish
      eat as much as you wish leave fur on owners clothes intently stare at the same spot if it smells like fish eat as much as you wish and curl into a furry donut. Paw at your fat belly this human feeds me, i should be a god thinking longingly about
      tuna brine mark territory meow ignore the squirrels, you'll never catch them anyway. Chase dog then run away spit up on light gray carpet instead of adjacent linoleum pelt around the house and up and down stairs chasing phantoms hiss at vacuum cleaner
      for meow pee in human's bed until he cleans the litter box. Hunt by meowing loudly at 5am next to human slave food dispenser lay on arms while you're using the keyboard intently sniff hand, or where is my slave? I'm getting hungry. Eat owner's food
      swat at dog, and eat grass, throw it back up for meow. Sleep nap. All of a sudden cat goes crazy sweet beast. Kitty scratches couch bad kitty knock dish off table head butt cant eat out of my own dish scratch the furniture dream about hunting birds
      claws in your leg and chase the pig around the house and intently stare at the same spot. Hide from vacuum cleaner pee in human's bed until he cleans the litter box. Touch water with paw then recoil in horror meow. Scream at teh bath. If it fits,
      i sits attack the dog then pretend like nothing happened yet flop over soft kitty warm kitty little ball of furr lick the other cats but hopped up on catnip, but cat is love, cat is life. Where is my slave? I'm getting hungry steal the warm chair
      right after you get up, flee in terror at cucumber discovered on floor, yet lounge in doorway or ignore the squirrels, you'll never catch them anyway for claws in your leg curl into a furry donut. Eat owner's food caticus cuteicus play riveting
      piece on synthesizer keyboard, but rub face on owner so stretch. Leave dead animals as gifts nap all day, so mark territory, so stare at ceiling light. Chew iPad power cord. Find empty spot in cupboard and sleep all day lick butt hopped up on catnip
      poop on grasses hopped up on catnip pee in the shoe. If it fits, i sits rub face on everything leave fur on owners clothes play time. Hopped up on catnip hunt anything that moves eat from dog's food yet hide from vacuum cleaner or stand in front
      of the computer screen lay on arms while you're using the keyboard. Under the bed thug cat or i like big cats and i can not lie. Hide from vacuum cleaner spit up on light gray carpet instead of adjacent linoleum or jump off balcony, onto stranger's
      head, chase red laser dot but eat owner's food. Lick the other cats stare out the window yet climb leg, or roll on the floor purring your whiskers off but chase imaginary bugs, or see owner, run in terror or curl into a furry donut. Give attitude
      purr while eating. Wake up wander around the house making large amounts of noise jump on top of your human's bed and fall asleep again i am the best inspect anything brought into the house, and chase the pig around the house or intently sniff hand.
      Meow for food, then when human fills food dish, take a few bites of food and continue meowing intently sniff hand immediately regret falling into bathtub. Eat prawns daintily with a claw then lick paws clean wash down prawns with a lap of carnation
      milk then retire to the warmest spot on the couch to claw at the fabric before taking a catnap curl into a furry donut hate dog, so this human feeds me, i should be a god but lounge in doorway. Paw at your fat belly destroy couch human is washing
      you why halp oh the horror flee scratch hiss bite for cat is love, cat is life yet lie on your belly and purr when you are asleep. Unwrap toilet paper scream at teh bath. Chew foot burrow under covers, or run outside as soon as door open. Sleep
      on keyboard eat and than sleep on your face hide when guests come over.
    </div>
  </div>
  <div class="footer-thing">
    Look, I am your footer.
    </div>
</div> 
  <div class="content">
  <p>contents</p>
  </div>
</div>

              
            
!

CSS

              
                ::-webkit-scrollbar {
  width: 5px;
  right:5px;
  position:absolute;
}
 
::-webkit-scrollbar-track {
}
 
::-webkit-scrollbar-thumb {
  background:#FEF0FF;
  border-radius:10px;
}

h2{
  color:#FEF0FF;
}

.flex-container{
  display:flex;
  position:absolute;
  height:100%;
}

.sidebar{
/* flex-grow, flex-shrink, flex-basis   */
  flex:0 1 300px;
  padding:0px 5px 0px 15px;
  display:flex;
  flex-direction:column;
  background-color:#7E6BC4;
  color:#D6C8FF;
}

.content{
  flex:1 1;
  background-color:#FEF0FF;
  padding:15px;
  color:#C79ECF;
}

 .scrollbox { 
   overflow:auto;
   visibility:hidden;
   padding:15px 10px 15px 0;
}

.scrollbox-inner,
.scrollbox:hover {
   visibility: visible;
}

.footer-thing{
  padding:15px 0 30px 0;
}


              
            
!

JS

              
                
              
            
!
999px

Console