Web Design to Code for desktop and mobile

Design & UX
6

Once you have your master css set up, that should apply to any number of pages, unless they all have drastically different layouts/designs.

I used to do it that way, but now I do it the other way around.
I have a generic html template for all pages, then the unique page content is an insert into that.
For Example

<!DOCTYPE html>
<html lang="en">
    <head>
    <link rel="stylesheet" type="text/css" href="/css/style.css">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name=viewport content="width=device-width, initial-scale=1">
    <?php if(!$follow) : ?>
        <meta name="robots" content="nofollow, noarchive, noindex">
    <?php endif ?>
        <title><?php echo $title; ?></title>
    <meta name="description" content="<?php echo $pdesc; ?>">
    <link rel="canonical" href="http://www.example.com<?php echo $canon; ?>">
    </head>
    <body>
    <?php include $_SERVER["DOCUMENT_ROOT"] . "/incl/pgels/menu.php"; // I have the menu as an include ?>      
        <main>
            <article>
                <header class="ahead">
            <p class="phead">
            <a href="/" title="Homepage">
                Site Title or Co Logo
            </a>
            </p>
                    <h1><?php echo $h1; ?></h1>
                </header>
        <div id="pbody">
            <?php include $pagecont ; // This is the actual content of the page ?>
            <footer>
            <p class="copy">&copy; <?php echo $year ; ?> www.example.com</p>
            </footer>
                </div>
            </article>
        </main>
    <script>
        //W/E Scripts
    </script>
    </body>
</html>

There is a main php script that does any processing, reads databases etc, defines the variables seen in the template, then includes the template, which in turn includes the page content.
Again there may be further includes in the page content for reoccurring elements.