Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @media screen and (max-height: 768px) {
- * {
- margin: 0;
- padding: 0;
- }
- body {
- width: 100%;
- height: 768px;
- }
- .grid {
- display: grid;
- grid-template-rows: 1fr 4fr 1fr;
- width: 100%;
- height: 100%;
- display: grid;
- grid-template-columns: repeat(10, 1fr);
- grid-template-rows: repeat(11, 1fr);
- }
- header {
- display: flex;
- align-items: center;
- background-color: rgb(33, 111, 182);
- grid-column: span 10;
- height: 100px;
- font-size: 14px;
- }
- h1 {
- margin: 20px;
- color: white;
- }
- .c1 h1 {
- color: black;
- }
- p {
- margin: 20px;
- }
- .c2 {}
- .left {
- grid-row: 2/11;
- background-color: rgba(0, 0, 0, 0.38);
- }
- .right {
- grid-column: 10/11;
- grid-row: 2/11;
- background-color: rgba(0, 0, 0, 0.38);
- }
- .c1 {
- grid-column: span 5;
- grid-row: span 8;
- background-color: white;
- }
- .c2 {
- grid-column: span 3;
- grid-row: span 8;
- background-color: rgba(207, 23, 18, 0.79)
- }
- .c2 h1 {
- color: black;
- margin-bottom: 0;
- }
- .c2 p {
- margin-top: 10px;
- }
- .list {
- margin-left: 40px;
- }
- .n1 {
- display: flex;
- align-items: center;
- grid-column: span 4;
- background-color: rgb(33, 111, 182);
- }
- .n2 {
- display: flex;
- align-items: center;
- grid-column: span 4;
- background-color: rgb(77, 191, 133);
- }
- footer {
- display: flex;
- align-items: center;
- background-color: rgba(0, 0, 0, 0.85);
- color: white;
- grid-row: 11/12;
- grid-column: 1/11;
- }
- span {
- text-decoration: underline;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement