CSS - Page Component - Quick Links


/ Published in: CSS
Save to your folder(s)

CSS - Page Component - Quick Links


Copy this code and paste it in your HTML
  1. .quick_links nav {
  2. overflow:hidden;
  3. height:100%;
  4. }
  5. .quick_links nav ul {
  6. }
  7. .quick_links nav ul li {
  8. display:inline;
  9. float:left;
  10. width:33%;
  11. margin-bottom:5px;
  12. }
  13. .quick_links nav ul li a {
  14. display:block;
  15. float:left;
  16. }
  17.  
  18. @media (min-width:768px) and (max-width:1023px) {
  19.  
  20. .quick_links nav ul li {
  21. width:50%;
  22. }
  23.  
  24. }
  25.  
  26. @media (max-width:767px) {
  27.  
  28. footer .quick_links {
  29. padding-top:20px;
  30. margin:20px 0 20px;
  31. }
  32. .quick_links nav ul li {
  33. width:48%;
  34. }
  35. .quick_links nav ul li.odd {
  36. clear:both;
  37. }
  38. .quick_links nav ul li.even {
  39. float:right;
  40. }
  41.  
  42. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.