Update style.css

This commit is contained in:
Lee Minseo 2022-04-07 00:31:17 +09:00
parent 4ef5bb41fd
commit 9692c079cf

View File

@ -45,7 +45,7 @@ p + .btns { margin-top: 36px; }
.wrap { width: calc(100% - 180px); height: calc(100% - 180px); padding: 90px; }
h1 { font-weight: normal; margin: 0; margin-top: -20px; line-height: 1.5; font-family: Galmuri9, sans-serif; font-size: 80px; }
#title { font-size: 100px; }
.detail { line-height: 1.5; font-size: 12px; position: absolute; bottom: 0; display: flex; justify-content: space-between; gap: 12px; width: calc(100% - 180px); margin-bottom: 90px; }
.detail { line-height: 1.5; font-size: 12px; position: absolute; bottom: 0; display: flex; justify-content: space-between; gap: 12px; width: calc(100% - 180px); margin-bottom: 90px; align-items: flex-end; }
.detail span { display: block; }
.detail div:last-child { text-align: right; }
.highlight { color: var(--point-color); }
@ -79,7 +79,7 @@ h1 { font-weight: normal; margin: 0; margin-top: -20px; line-height: 1.5; font-f
@media (max-width: 720px) {
#list .item { width: calc(var(--tableWidth) / var(--columnsXS)); height: calc(var(--tableWidth) / var(--columnsXS)); }
.wrap { width: calc(100% - 80px); height: calc(100% - 80px); padding: 50px 40px; }
.detail { width: calc(100% - 80px); margin-bottom: 40px; flex-direction: column; gap: 12px; }
.detail { width: calc(100% - 80px); margin-bottom: 40px; flex-direction: column; gap: 12px; align-items: stretch; }
.detail div:last-child { text-align: left; }
.btns { flex-wrap: wrap; gap: 20px; }
.btn { padding: 0 18px; }