Pens from Michael https://codepen.io/mintyfloss/ en nospam@codepen.io Copyright 2024 2020-07-30T04:33:29-07:00 React useRef Hook https://codepen.io/mintyfloss/pen/JjGQyKv https://codepen.io/mintyfloss/pen/JjGQyKv Michael

See the Code - See it Full Page - See Details

]]>
React useRef Hook 2020-07-30T04:33:29-07:00
React useRef Hook https://codepen.io/mintyfloss/pen/ExPzNZY https://codepen.io/mintyfloss/pen/ExPzNZY Michael

See the Code - See it Full Page - See Details

]]>
React useRef Hook 2020-07-28T05:31:21-07:00
React useRef Hook https://codepen.io/mintyfloss/pen/zYrXJRy https://codepen.io/mintyfloss/pen/zYrXJRy Michael

See the Code - See it Full Page - See Details

]]>
React useRef Hook 2020-07-27T05:01:19-07:00
React useRef Hook https://codepen.io/mintyfloss/pen/bGEJEdg https://codepen.io/mintyfloss/pen/bGEJEdg Michael

See the Code - See it Full Page - See Details

]]>
React useRef Hook 2020-07-26T05:44:51-07:00
Responsive Flexbox Grid https://codepen.io/mintyfloss/pen/EvrezN https://codepen.io/mintyfloss/pen/EvrezN Michael

See the Code - See it Full Page - See Details

# Flexbox Based CSS Grid A simple CSS grid layout using flexbox with very few lines of code. I recently implemented this in a project where we had to support IE11, which doesn't support [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout). The advantage of using flexbox over floats is that each grid item can have different height values.

]]>
Responsive Flexbox Grid 2017-09-02T03:25:01-07:00
A Pen by Michael https://codepen.io/mintyfloss/pen/Kpwwvo https://codepen.io/mintyfloss/pen/Kpwwvo Michael

See the Code - See it Full Page - See Details

]]>
A Pen by Michael 2015-04-25T04:10:58-07:00
Sticky Header Visual Trick https://codepen.io/mintyfloss/pen/kXaEob https://codepen.io/mintyfloss/pen/kXaEob Michael

See the Code - See it Full Page - See Details

Creates a sticky hacky sticker header using CSS without creating a scroll event handler.

]]>
Sticky Header Visual Trick 2013-07-19T04:11:14-07:00