Skip to content
Snippets Groups Projects
Commit 52805af9 authored by AB0410's avatar AB0410
Browse files

WV8 initial

parent 061bd6df
No related branches found
No related tags found
No related merge requests found
Pipeline #623243 passed
Stage: deploy
    Hide whitespace changes
    Inline Side-by-side
    WV8/index.html 0 → 100644
    + 26
    − 0
    View file @ 52805af9
    <!DOCTYPE html>
    <html>
    <head>
    <title>CSS3 Advanced</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    </head>
    <body>
    <header id="main-header">
    <h1>This is a Heading</h1>
    </header>
    <main class="container">
    <article class="box">
    <h2>Article</h2>
    <p>This is a paragraph.</p>
    </article>
    <article class="box">
    <h2>Article</h2>
    <p>This is a paragraph.</p>
    </article>
    </main>
    </body>
    </html>
    \ No newline at end of file
    WV8/styles.css 0 → 100644
    + 38
    − 0
    View file @ 52805af9
    @import url(variables.css);
    body {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
    }
    header{
    background-color: var(--header-bg-color);
    color: var(--header-txt-color);
    }
    .container {
    margin: 20px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    align-items: center;
    width: var(--container-width);
    }
    .container .box{
    background-color: var(--box-bg-color);
    padding: var(--box-padding);
    color: var(--box-main-color);
    box-shadow: var(--box-main-color)
    var(--box-shadow-h-offset)
    var(--box-shadow-v-offset)
    var(--box-shadow-blur);
    border: 1px solid var(--box-main-color);
    }
    header#main-header h1 {
    padding: 0;
    margin: 0;
    }
    \ No newline at end of file
    WV8/variables.css 0 → 100644
    + 16
    − 0
    View file @ 52805af9
    :root {
    --main-bg-color: rgba(246, 250, 235, 0.067);
    --main-txt-color: #333;
    --container-width: 90%;
    --header-bg-color: #333;
    --header-txt-color: #fff;
    }
    .box {
    --box-bg-color: #ddd;
    --box-main-color: rgb(249, 170, 50);
    --box-padding: 5px 10px;
    --box-shadow-h-offset: 10px;
    --box-shadow-v-offset: 5px;
    --box-shadow-blur: 5px;
    }
    \ No newline at end of file
    0% or .
    You are about to add 0 people to the discussion. Proceed with caution.
    Finish editing this message first!
    Please register or to comment