dare4me

Posts

dsyrysey

* {box-sizing: border-box;} body { margin: 0; font-family: Arial, Helvetica, sans-serif; } .header { overflow: hidden; background-color: #04BBFA; padding: 20px 10px; } .header a { float: left; color: black; text-align: center; padding: 12px; text-decoration: none; font-size: 18px; line-height: 25px; border-radius: 4px; } .header a.logo { font-size: 25px; font-weight: bold; } .header a:hover { background-color: white; color: black; } .header a.active { background-color: dodgerblue; color: white; } .header-right { float: right; } .footer { overflow: hidden; background-color: black; padding: 20px 10px; float: center; padding: 12px; text-align: center; } .footer a { float: center; color: #04D4FA; text-align: center; padding: 0px; text-decoration: none; font-size: 15px; line-height: 15px; border-radius: 4px; } .footer p { float: center; color: #04D4FA; text-align: center; padding: 0px; text-decoration: none; font-size: 10px; line-height: 10px; border-radius: 4px; } @media screen and (max-width: 500px) { .header a { float: none; display: block; text-align: left; } .header-right { float: none; } } .dropdown { float: relative; overflow: hidden; } .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: black; padding: 14px 16px; background-color: #04BBFA; font-family: inherit; margin: 0; } .navbar a:hover, .dropdown:hover .dropbtn { background-color: #04BBFA; } .dropdown-content { display: none; position: right; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover { background-color: #ddd; } .dropdown:hover .dropdown-content { display: block; } .grid-container { display: grid; grid-template-columns: auto auto; grid-row-gap: 20px; grid-column-gap: 10px; padding: 10px; } .grid-container > div { background-color: rgba(255, 255, 255, 0.8); text-align: center; padding: 20px 0; font-size: 15px; } .card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); padding: 16px; text-align: center; background-color: #0DD4F4; } * { box-sizing: border-box; } body { background-color: white; font-family: Helvetica, sans-serif; }

dare4me

Search This Blog

Posts

dfasf

fsdfas