Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like the following code:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>TheSaaS - Demo request</title> <!-- Styles --> <link href="assets/css/core.min.css" rel="stylesheet"> <link href="assets/css/thesaas.min.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet"> <!-- Favicons --> <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png"> <link rel="icon" href="assets/img/favicon.png"> </head> <body> <nav class="topbar"></nav> <header class="header"></header> <!-- Main container --> <main class="main-content"> <section class="section"></section> <section class="section"></section> <section class="section"></section> </main> <!-- END Main container --> <footer class="site-footer"></footer> <!-- Scripts --> <script src="assets/js/core.min.js"></script> <script src="assets/js/thesaas.min.js"></script> <script src="assets/js/script.js"></script> </body> </html>
The following picture displays position of each component in a page: