styling.css

* {
     margin: 0px;
     padding: 0px;
     box-sizing: border-box;
     font-family: 'Poppins',sans-serif;
}
.wrapper {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     width: 90%;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
.editor-container {
     margin: 0em 0.6em 0em 0em;
}
.preview-container {
     display: grid;
     place-items: center;
}
.editor-container,.preview-container {
     display: block;
     position: relative;
     width: 100%;
     background-color:#ffffff;
     padding: 2em 1em;
     box-shadow: 0em 1.25em 4em rgba(8,6,75,0.15);
     border-radius: 0.5em;
}
input[type="file"] {
     display: none;
}
label {
     display: block;
     background-color:#025bee;
     color:#ffffff;
     width: 12em;
     font-size: 1.1em;
     text-align: center;
     padding: 1em 0em;
     border-radius: 0.3em;
     margin: auto;
     cursor: pointer;
}
.image-container {
     margin-bottom: 1em;
}
img {
     max-width: 100%;
}
button,a {
     border: none;
     outline: none;
     place-items: center;
     cursor: pointer;
}
.options-button {
     margin-top: 1em;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
.options-button button {
     background-color:#dceafe;
     color:#025bee;
     border-radius: 0.3em;
     font-size: 0.8em;
     width: 3.2em;
     height: 3.2em;
}
.options-button button img {
     width: 1.1em;
}
.action-buttons {
     display: flex;
     align-items: center;
     justify-content: space-around;
     margin-top: 1em;
}
#preview,#download {
     background-color:#025bee;
     color:#ffffff;
     padding: 0.8em 1em;
     font-size: 1em;
     border-radius: 0.3em;
     text-decoration: none;
}
.hide {
     display: none;
}
@media only screen and (max-width:1200px){
     .wrapper {
          flex-direction: column;
          position: absolute;
          top: 1em;
          left: 50%;
          transform: translateX(-50%);
     }
     img {
          display: block;
          width: 60%;
          margin: 0% auto;
     }
     .editor-container {
          margin: 0em 0em 0.6em 0em;
     }
}