Mejoras, muchas, me da paja hacer muchos commits en estas cosas

styles.css

@@ -1,18 +1,44 @@
-html {
+* {
+  font-family: sans;
+}
+
+.container {
   background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
   background-repeat: no-repeat;
+  background-size: cover;
+
+  display: grid;
+  padding: 10px;
+  height: 100vh;
+
+  grid-template-columns: repeat(4, 1fr);
+  grid-template-rows: repeat(4, 1fr);
+  gap: 10px;
 }
 
-
-.container{
-  display:flex;
-  flex-direction:column;
-  align-items:center;
-  justify-content:center;
-  height:100%;
+#photos-box {
+  grid-row: 1 / 4;
+  grid-col: 1;
 }
 
-.currency {
+#currency-box {
+  grid-row: 4;
+  grid-col: 1;
+}
+
+.box {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+
+  background-color: white;
+  padding: 1em;
+  border-radius: 4px;
+
+  box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
+}
+
+.box .currency {
   display: flex;
   flex-direction: column;
 }
@@ -35,25 +61,38 @@ html {
 
 .currency .title {
   font-size: 1.6em;
+  margin-bottom: .3em;
+  margin-top: 0;
 }
 
-.currency .input{
+.currency input {
   width: 100%;
   padding: .6em 0;
   margin-bottom: .5em;
+  margin-top: .5em;
 }
 
 .currency .select {
   padding: .6em 0;
-  width: 5em;
+  width: 7ch;
 }
 
 .currency .result {
   font-weight: 600;
-  font-size: 1.5em;
 }
 
 .currency .button {
   padding: .6em 0;
   font-size: 1.1em;
 }
+
+.box .photos {
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
+
+.photos img {
+  width: 50%;
+  margin-bottom: 5px;
+}
+