daily pastebin goal
11%
SHARE
TWEET

Untitled

a guest May 16th, 2018 94 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Responsive Circle */
  2. /* make sure your padding top is the same as your width and make your height auto.  */
  3. .circle {
  4. position: relative;
  5. border-radius: 50%;
  6. width: 100%;
  7. height: auto;
  8. padding-top: 100%;
  9. background: white;
  10. }
  11.  
  12. /* Responsive Square  */
  13. .square {
  14.   position: relative;
  15.   width: 50%;
  16. }
  17.  
  18. .square:after {
  19.   content: "";
  20.   display: block;
  21.   padding-bottom: 100%;
  22. }
  23.  
  24. .content {
  25.   position: absolute;
  26.   width: 100%;
  27.   height: 100%;
  28. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top