Skip to content

JayHoltslander/jays-css-px-counter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Jay's CSS px Counter

On screen dimensions from a bazillion media queries. Display height and width accurately. Supports up to 4K resolution (3840x2160)

Usage

  1. Include the stylesheet
<link rel="stylesheet" href="https://jayholtslander.github.io/jays-css-px-counter/css/counter.min.css">
  1. create a span or a div on your page with the classes .counter-w for width and counter-h for height.
<p><span class="counter-w"></span> &nbsp; x &nbsp; <span class="counter-h"></span></p>

Demo

  1. https://codepen.io/j_holtslander/full/PKKNaJ/
  2. https://jayholtslander.github.io/jays-css-px-counter/