HTML CSS
KokoaTalk Clone Coding: media queries 2
jane.dev
2021. 5. 6. 14:18
반응형
<head>
<style>
body {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
div {
background-color: thistle;
width: 150px;
height: 150px;
}
span {
font-size: 20px;
}
@media print {
span {
display: none;
}
body {
background-color: lightgray;
}
}
</style>
</head>
<body>
<div></div>
<span>print me!</span>
</body>
