Any question answered...

You are reading a single comment by @CYOA and its replies. Click here to read the full conversation.

•

Sumo in reply to @CYOA

Welcome to the beginning of the rabbit hole.

Use Sublime Text to edit.
Look up Node.js - install globally and locally (in the file for your website).
Look up Gulp
Use Gulp to Serve and Watch.
Serve creates a local server.
Watch watches your designated files for any changes and auto updates the page.

Bootstrap will give you the HTML and CSS files for a stock website, you can just edit the parts you need.

•

CYOA in reply to @Sumo

I might just use Wix at this stage /vomit >

I'm struggling with grids. Paypal of a pint to anyone who can explain why this:

     <section id="process" class="process">
        <div class="container">
            <div class="row text-center">
                <div class="col-lg-12 wow fadeIn">
                    <h2>blah blah blah</h2>
                    <hr class="colored">
                    <p>blah blah blah blah blah</p>
                </div>
            </div>
            <div class="row content-row">
                <div class="col-md-4 wow fadeIn" data-wow-delay=".2s">
                    <div class="media">
                        <div class="pull-left">
                            <i class="fa fa-clipboard"></i>
                        </div>
                        <div class="media-body">
                        </div>
                    </div>
                </div>
                <div class="col-md-4 wow fadeIn" data-wow-delay=".4s">
                    <div class="media">
                        <div class="pull-left">
                            <i class="fa fa-pencil"></i>
                        </div>
                        <div class="media-body">
                        <div class="
                        </div>
                    </div>
                </div>
                <div class="col-md-4 wow fadeIn" data-wow-delay=".6s">
                    <div class="media">
                        <div class="pull-left">
                            <i class="fa fa-rocket"></i>
                        </div>
                        <div class="media-body">
                        </div>
                    </div>
                </div>
            </div>
        </div>
                    <div class="row content-row">
                <div class="col-md-4 wow fadeIn" data-wow-delay=".2s">
                    <div class="media">
                        <div class="pull-left">
                            <i class="fa fa-clipboard"></i>
                        </div>
                        <div class="media-body">
                        </div>
                    </div>
                </div>
                <div class="col-md-4 wow fadeIn" data-wow-delay=".4s">
                    <div class="media">
                        <div class="pull-left">
                            <i class="fa fa-pencil"></i>
                        </div>
                        <div class="media-body">
                        </div>
                    </div>
                </div>
                <div class="col-md-4 wow fadeIn" data-wow-delay=".6s">
                    <div class="media">
                        <div class="pull-left">
                            <i class="fa fa-rocket"></i>
                        </div>
                        <div class="media-body">
                        </div>
                    </div>
                </div>
    </section>

Isn't arranged in a neat, evenly spaced grid of 3 columns and 2 rows but as this:

EDIT: Just noticed line 26 which could well have something to do with it.

EDIT2: Weirdly duplicating div class="media-body" underneath line 35 does the trick. I'm sure that's not an appropriate way to do things but it's working so it's staying.

1 Attachment

•

cyclotron3k in reply to @CYOA

You probably fixed it already, but you're also missing the closing tag for the div that's opened on line 41.

Any question answered...

About

LFGSS