@huanfs
Posted
In de code above i show you my easiest solution to turn layouts responsive, first i recommend you to separate your code in small pieces like this:
<div id="container"> <--! Here comes all pieces of your code--!> <div id="top"><--!1st piece--!></div><"middle"><<--!2nd piece--!>/div>
<div id="bottom"><--!3th piece--!></div> </div> Now, use "display:flex" property of CSS to turn this small pieces responsive. This is one method to turn layouts responsive. You can use "Bootstrap" framework to turn you code mobile-first layout for all screen size responsiveness. I recommend bootstrap because its easiest!Marked as helpful