1.container { 2 display: flex; 3 flex-direction: column; 4 justify-content: center; 5 align-items: center; 6 left: 0px; 7 top: 0px; 8 width: 100%; 9 height: 100%; 10} 11 12.title { 13 font-size: 60px; 14 text-align: center; 15 width: 100%; 16 height: 40%; 17 margin: 10px; 18} 19 20@media screen and (device-type: phone) and (orientation: landscape) { 21 .title { 22 font-size: 60px; 23 } 24} 25 26@media screen and (device-type: tablet) and (orientation: landscape) { 27 .title { 28 font-size: 100px; 29 } 30}