diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 4d0e5a0..0149ea5 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -47,6 +47,7 @@ h1, h2 { label { font-weight: bold; + word-break: break-word;; } @@ -115,15 +116,34 @@ label { height: 36px; } +.cage-selector{ + gap: 15px; +} + +.card { + text-align: center; + color: var(--text-two); +} .card-photo { - flex: 5 16%; - margin: 10px; + height: 200px; + width: 200px; + background-color: #ffffff; + box-shadow: 0 0 25px rgba(17, 1, 68, 0.08); + border-radius: 8px; + position: relative; + cursor: pointer; } .card-photo img { - max-width: 100%; - max-height: 200px; - border-radius: 10%; + width: 70%; + height: 95%; + position: absolute; + margin: auto; + left: 0; + right: 0; + top: 0; + bottom: 0; + cursor: pointer; } .cage-selector { @@ -150,4 +170,11 @@ input[type="checkbox"]:checked:after { font-weight: 900; content: "X"; color: #478bfb; +} + +.form-measurements { + max-height: 90%; +} +input.measurement { + margin-top: 5%; } \ No newline at end of file diff --git a/src/index.html b/src/index.html index 7baedcb..4e19f89 100644 --- a/src/index.html +++ b/src/index.html @@ -12,20 +12,55 @@