Skip to content

c-bec-k/css-live-code-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS Live Coding Challenge 20 March 2020

Today I decided to ask other to challenge me to some CSS Shenanigans!

Topics Discussed

  1. The first thing we started with was having a footer pushed to the bottom of the screen, even when the main content was short enough that it wouldn't. You'll have to either comment out or delete most of the main content to see it in action
  2. Next up, we made a "flex-gap" where flex items have a consistent gap between each element, both horizontally and vertically
  3. After that, a short "transition height"
  4. "Zoom in" on an image that has a caption (and change the caption background) on hover

About

My first every live coding challenge

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors