Skip to content

Instantly share code, notes, and snippets.

@tiendungdev
Created April 8, 2022 09:31
Show Gist options
  • Select an option

  • Save tiendungdev/6d24562938c74df5a03a30657a3a3b92 to your computer and use it in GitHub Desktop.

Select an option

Save tiendungdev/6d24562938c74df5a03a30657a3a3b92 to your computer and use it in GitHub Desktop.

Revisions

  1. tiendungdev created this gist Apr 8, 2022.
    35 changes: 35 additions & 0 deletions style.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,35 @@
    /*404*/
    .error-404{padding:0; margin:0}
    .error-404 .medium-3 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
    font-size: 45px!important;
    padding: 0;
    margin: 0
    }
    .error-404 .header-font:after{
    content: "404";
    color: #e9ebe7;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(calc(-50% + 22px),14px);
    -ms-transform: translate(calc(-50% + 22px),14px);
    transform: translate(calc(-50% + 22px),14px);
    z-index: 0;
    }
    .error-404 .medium-9 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
    }
    .error-404 .page-content{
    width: 766px;
    text-align: center;
    display: block;
    margin: 0 auto;
    }
    /*end 404*/