styles.css

*{margin:0;padding:0}#maincontainer{height:100%;width:100%;padding:20px}h1{text-align:center;font-size:50px;text-decoration:underline}#image{margin-left:auto;margin-right:auto;display:block}p{font-size:18px;text-align:justify}#colorsArea{background-color:pink;display:inline-block;margin-left:70px}.btn{height:20px;width:20px;margin:5px;border:1px solid #000}#red{background-color:#d63031}#blue{background-color:#00cec9}#orange{background-color:#e67e22}@media screen and (max-width:400px){#maincontainer{height:100%;width:100%;padding:20px}h1{text-align:center;font-size:30px;text-decoration:underline}#image{margin-left:auto;margin-right:auto;display:block;width:50%}p{font-size:13px;text-align:justify}#colorsArea{background-color:pink;display:inline-block;margin-left:0}.btn{height:15px;width:15px;margin:5px;border:1px solid #000}#red{background-color:#d63031}#blue{background-color:#00cec9}#orange{background-color:#e67e22}}