jeffreysbrother

$('html, body').animate({
    scrollTop: $("#target-element").offset().top
}, 1000);

/*
Experience has shown that this function might not operate as expected if we try to scroll to the top of
some multiple elements with the same class.
For this reason, it seems best to use the id (#) selector and not the class (.) selector.
*/

jeffreysbrother

/*
add the clearfix class to the parent element.
In my case, the border of a div was collapsing into a child button. This was caused by adding the "float": "left" rule to the button
(this occurs even when "clear": "right" is not added)

*/

.clearfix:after {
  content: "";
  display: table;

jeffreysbrother

module.exports = function(grunt) {

  //project configuration
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    uglify: {
      options: {
        banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
      },
      build: {

jeffreysbrother

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

jeffreysbrother

<?php

require_once("../inc/config.php");

if ($_SERVER["REQUEST_METHOD"] == "POST") {
  $name = trim($_POST["name"]);
  $email = trim($_POST["email"]);
  $phone = trim($_POST["phone"]);
  $message = trim($_POST["message"]);