Css OverrideGrid

In this example below you will see how to do a Css OverrideGrid with some HTML / CSS and Javascript

This awesome code was written by igcorreia, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright igcorreia ©


  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>Css OverrideGrid</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

      <link rel="stylesheet" href="css/style.css">






/*Downloaded from https://www.codeseek.co/igcorreia/css-overridegrid-oEmvYj */
/*.k-i-loading:after, .k-loading-image:after{

.k-i-loading:before, .k-loading-image:before{
    animation: none;
    margin: 0;
    padding: 0;
    width: 70px;
    height: 70px;
    border: none;
    margin-left: -10px;
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/9589/loading_getcomplied.gif) no-repeat center center transparent;
    transform: translate(-50%, -50%);