Css talk

404 views

Published on

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
404
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Css talk

  1. 1. CSS Vertical Centering https://github.com/brian-davis/encrypt-decrypt
  2. 2. • simple HTML, no styling
  3. 3. • Simple CSS styling
  4. 4. • horizontal center, no easy vertical center
  5. 5. • perfect responsive vertical centering
  6. 6. • http://codepen.io/shshaw/full/gEiDt • http://coding.smashingmagazine.com/2013/0 8/09/absolute-horizontal-vertical-centeringcss/ • new trick as of August 2013
  7. 7. • hacking absolute positioning
  8. 8. • no style
  9. 9. • basic Bootstrap styling
  10. 10. • absolute centering
  11. 11. • perfect for custom modals, alerts, prompts
  12. 12. • modal window prompt html
  13. 13. • modal window prompt CSS & JS
  14. 14. • strong call to action • https://ghost.org/
  15. 15. • percentage-based solution

×