Skip to content
Snippets Groups Projects
Commit 38cdd012 authored by WiljamiT's avatar WiljamiT
Browse files

styling article

parent 4ac2266a
No related branches found
No related tags found
No related merge requests found
Pipeline #610114 passed
Stage: deploy
    Hide whitespace changes
    Inline Side-by-side
    Showing
    with 871 additions and 62 deletions
    img/BTC_ALL_graph_coinmarketcap.jpg 0 → 100644
    + 0
    − 0
    View file @ 38cdd012
    img/BTC_ALL_graph_coinmarketcap.jpg

    51.3 KiB

    img/Cryptocurrency-in-use-148100-pixahive.jpg 0 → 100644
    + 0
    − 0
    View file @ 38cdd012
    img/Cryptocurrency-in-use-148100-pixahive.jpg

    287 KiB

    img/README.md
    + 7
    − 0
    View file @ 38cdd012
    ......@@ -2,7 +2,14 @@ HERO
    Luonut: QuoteInspector.com | Tekijänoikeus: QuoteInspector.com
    Tekijänoikeus: © 2018 QuoteInspector.com
    Lisenssitiedot
    Luonut: QuoteInspector.com | Tekijänoikeus: QuoteInspector.com
    Tekijänoikeus: © 2018 QuoteInspector.com
    TOKA
    Lisenssitiedot
    Luonut: QuoteInspector.com
    Tekijänoikeus: © 2018 QuoteInspector.com
    uus eka
    CC0 - Free to Use, Attribution Optional
    img/ethereum-kikuhisa.jpeg 0 → 100644
    + 0
    − 0
    View file @ 38cdd012
    img/ethereum-kikuhisa.jpeg

    188 KiB

    img/rsz_1cryptocurrency-in-use-148100-pixahive.jpg 0 → 100644
    + 0
    − 0
    View file @ 38cdd012
    img/rsz_1cryptocurrency-in-use-148100-pixahive.jpg

    61.4 KiB

    img/rsz_2cryptocurrency-in-use-148100-pixahive.jpg 0 → 100644
    + 0
    − 0
    View file @ 38cdd012
    img/rsz_2cryptocurrency-in-use-148100-pixahive.jpg

    74.8 KiB

    img/rsz_cryptocurrency-in-use-148100-pixahive.jpg 0 → 100644
    + 0
    − 0
    View file @ 38cdd012
    img/rsz_cryptocurrency-in-use-148100-pixahive.jpg

    143 KiB

    index.html
    + 91
    − 23
    View file @ 38cdd012
    ......@@ -9,51 +9,119 @@
    <link rel="stylesheet" href="styles/styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
    <script src="script.js"></script>
    </head>
    <body">
    <header>
    <!-- Header pic: QuoteInspector.com | Tekijänoikeus: QuoteInspector.com Tekijänoikeus: © 2018 QuoteInspector.com -->
    <nav>
    <nav class="nav-lg">
    <img src="./img/logos/astronomy-planet-rings-svgrepo-com.svg" alt="svg-logo-nav" />
    <a>Main</a>
    <a>Login</a>
    <a>About</a>
    <div class="all-btn">
    <div class="menu-btn-1" onclick="menuBtnFunction(this)">
    <span></span>
    </div>
    </div>
    </nav>
    <nav id="dropdown-content" class="dropdown-content">
    <a class="1">text</a>
    <a class="2">text</a>
    <a class="3">text</a>
    <a class="4">text</a>
    <a class="1">Login</a>
    <a class="2">Main</a>
    <a class="3">About</a>
    </nav>
    </header>
    <article>
    <figure>
    <h3>Crypto</h3>
    <img src="./img/rsz_how_to_trade.jpg" />
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec ante nec lorem placerat molestie sed nec est.</p>
    <article class="firstArticle">
    <figure class="mid">
    <h1>Cryptocurrency</h1>
    <img src="./img/Cryptocurrency-in-use-148100-pixahive.jpg" />
    <p>is a digital currency designed to work as a medium of exchange through a computer network that is not reliant on any central authority, such as a government or bank, to uphold or maintain it. It is a decentralized system for verifying that the parties to a transaction have the money they claim to have, eliminating the need for traditional intermediaries, such as banks, when funds are being transferred between two entities.</p>
    </figure>
    </article>
    <article>
    <figure>
    <h3>Crypto</h3>
    <img src="./img/rsz_how_to_trade.jpg" />
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec ante nec lorem placerat molestie sed nec est.</p>
    </figure>
    </article>
    <article class="secondArticle">
    <h1>Top 5 (Biggest)</h1>
    <figure class="left">
    <div class="textContent">
    <div class="container">
    <div class="text">
    <h2>Bitcoin (BTC)</h2>
    <h3>Market cap: $309.9 billion</h3>
    <p>Created in 2009 by Satoshi Nakamoto, Bitcoin (BTC) is the original cryptocurrency. As with most cryptocurrencies, BTC runs on a blockchain, or a ledger logging transactions distributed across a network of thousands of computers. Because additions to the distributed ledgers must be verified by solving a cryptographic puzzle, a process called proof of work, Bitcoin is kept secure and safe from fraudsters.</p>
    </div>
    <div>
    <img src="./img/BTC_ALL_graph_coinmarketcap.jpg" />
    </div>
    </div>
    <div class="container">
    <div class="text">
    <h2>Ethereum (ETH)</h2>
    <h3>Market cap: $138.1 billion</h3>
    <p>Both a cryptocurrency and a blockchain platform, Ethereum is a favorite of program developers because of its potential applications, like so-called smart contracts that automatically execute when conditions are met and non-fungible tokens (NFTs).</p>
    </div>
    <div>
    <img src="./img/BTC_ALL_graph_coinmarketcap.jpg" />
    </div>
    </div>
    <article>
    <figure>
    <h3>Crypto</h3>
    <img src="./img/rsz_how_to_trade.jpg" />
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec ante nec lorem placerat molestie sed nec est.</p>
    <div class="container">
    <div class="text">
    <h2>Tether (USDT)</h2>
    <h3>Market cap: $65.5 billion</h3>
    <p>Unlike some other forms of cryptocurrency, Tether (USDT) is a stablecoin, meaning it’s backed by fiat currencies like U.S. dollars and the Euro and hypothetically keeps a value equal to one of those denominations. In theory, this means Tether’s value is supposed to be more consistent than other cryptocurrencies, and it’s favored by investors who are wary of the extreme volatility of other coins.</p>
    </div>
    <div>
    <img src="./img/BTC_ALL_graph_coinmarketcap.jpg" />
    </div>
    </div>
    <div class="container">
    <div class="text">
    <h2>U.S. Dollar Coin (USDC)</h2>
    <h3>Market cap: $44.1 billion</h3>
    <p>Like Tether, USD Coin (USDC) is a stablecoin, meaning it’s backed by U.S. dollars and aims for a 1 USD to 1 USDC ratio. USDC is powered by Ethereum, and you can use USD Coin to complete global transactions.</p>
    </div>
    <div>
    <img src="./img/BTC_ALL_graph_coinmarketcap.jpg" />
    </div>
    </div>
    <div class="container">
    <div class="text">
    <h2>Binance Coin (BNB)</h2>
    <h3>Market cap: $42.2 billion</h3>
    <p>Binance Coin (BNB) is a form of cryptocurrency that you can use to trade and pay fees on Binance, one of the largest crypto exchanges in the world. Since its launch in 2017, Binance Coin has expanded past merely facilitating trades on Binance’s exchange platform. Now, it can be used for trading, payment processing or even booking travel arrangements. It can also be traded or exchanged for other forms of cryptocurrency, such as Ethereum or Bitcoin.</p>
    </div>
    <div>
    <img src="./img/BTC_ALL_graph_coinmarketcap.jpg" />
    </div>
    </div>
    </div>
    </figure>
    </article>
    <footer>
    ......
    styles/_article.scss
    + 392
    − 6
    View file @ 38cdd012
    article {
    .firstArticle {
    height: auto;
    padding: 10px;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    figure {
    .secondArticle {
    height: auto;
    padding: 10px;
    margin: 10px;
    text-shadow: $shadowSm;
    h1 {
    font-size: 50px;
    }
    p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    }
    figure {
    // border: 1px solid yellow;
    margin-top: 50px;
    padding-top: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .textContent {
    // border: 1px solid green;
    width: auto;
    margin: 5px;
    padding: 5px;
    color: $navText;
    font-family: 'Roboto', sans-serif;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    .container {
    // border: 1px solid red;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    width: 1500px;
    height: 400px;
    h2 {
    text-align: center;
    }
    }
    .text {
    position: relative;
    top: -66px;
    }
    h1 {
    text-align: center;
    }
    p {
    width: 600px;
    }
    img {
    height: auto;
    width: 700px;
    }
    }
    }
    }
    .mid {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: $navText;
    font-family: 'Roboto', sans-serif;
    }
    width: auto;
    padding: 20px;
    // background:rgba(0, 0, 0, 0.04);
    figure h3 {
    h1 {
    font-size: 50px;
    }
    p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    }
    border-radius: 5px;
    }
    figure img {
    ......@@ -21,4 +113,298 @@ figure img {
    height: 160px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    }
    \ No newline at end of file
    margin-bottom: 30px;
    }
    @media only screen and (max-width: 1200px) {
    .firstArticle {
    height: auto;
    padding: 10px;
    margin: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    h1 {
    font-size: 30px;
    }
    }
    .secondArticle {
    h1 {
    font-size: 30px;
    text-align: center;
    color: $navText;
    font-family: 'Roboto', sans-serif;
    }
    p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    }
    figure {
    // border: 1px solid blue;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .textContent {
    // border: 1px solid green;
    width: auto;
    margin: 0px;
    padding: 0px;
    color: $navText;
    font-family: 'Roboto', sans-serif;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    h2 {
    text-align: center;
    }
    }
    .text {
    position: relative;
    top: 0;
    }
    h1 {
    text-align: center;
    }
    p {
    text-align: center;
    width: 300px;
    }
    img {
    height: 200px;
    width: 350px;
    }
    }
    }
    }
    }
    @media only screen and (max-width: 800px) {
    .firstArticle {
    height: auto;
    padding: 10px;
    margin: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    h1 {
    font-size: 30px;
    }
    }
    .secondArticle {
    h1 {
    font-size: 30px;
    text-align: center;
    color: $navText;
    font-family: 'Roboto', sans-serif;
    }
    p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    }
    figure {
    // border: 1px solid blue;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .textContent {
    // border: 1px solid green;
    width: auto;
    margin: 0px;
    padding: 0px;
    color: $navText;
    font-family: 'Roboto', sans-serif;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    h2 {
    text-align: center;
    }
    }
    .text {
    position: relative;
    top: 0;
    }
    h1 {
    text-align: center;
    }
    p {
    text-align: center;
    width: 300px;
    }
    img {
    height: 200px;
    width: 350px;
    }
    }
    }
    }
    }
    @media only screen and (max-width: 400px) {
    .firstArticle {
    height: auto;
    padding: 10px;
    margin: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    h1 {
    font-size: 30px;
    }
    }
    .secondArticle {
    h1 {
    font-size: 30px;
    text-align: center;
    color: $navText;
    font-family: 'Roboto', sans-serif;
    }
    p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    }
    figure {
    // border: 1px solid blue;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .textContent {
    // border: 1px solid green;
    width: auto;
    margin: 0px;
    padding: 0px;
    color: $navText;
    font-family: 'Roboto', sans-serif;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    h2 {
    text-align: center;
    }
    }
    .text {
    position: relative;
    top: 0;
    }
    h1 {
    text-align: center;
    }
    p {
    text-align: center;
    width: 300px;
    }
    img {
    height: 200px;
    width: 350px;
    }
    }
    }
    }
    }
    styles/_footer.scss
    + 3
    − 0
    View file @ 38cdd012
    ......@@ -18,6 +18,8 @@ footer {
    grid-template-columns: repeat(4, auto);
    grid-template-rows: repeat(3, auto);
    background-image: url("../img/logos/endless-constellation.svg") !important;
    padding-bottom: 0px;
    height: auto;
    h2 {
    color: white;
    ......@@ -216,6 +218,7 @@ footer {
    height: auto;
    text-align: center;
    background-image: url("../img/logos/endless-constellation.svg") !important;
    padding-bottom: 0px;
    li {
    list-style-type: none;
    color: gray;
    ......
    styles/_header.scss
    + 3
    − 5
    View file @ 38cdd012
    @mixin headerImg {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    }
    @mixin bgImg {
    ......@@ -12,9 +11,8 @@
    header {
    @include bgImg();
    background-image: url("../img/bitcoin-crypto-investment.jpeg");
    height: 300px;
    width: 100%;
    background-image: url("../img/ethereum-kikuhisa.jpeg");
    height: 40vh;
    }
    .menu-btn-1 {
    ......
    styles/_navbar.scss
    + 49
    − 10
    View file @ 38cdd012
    ......@@ -30,6 +30,16 @@ nav {
    background-color: $navColor;
    color: $navText;
    position: relative;
    a {
    font-weight: 700;
    font-size: 22px;
    cursor: pointer;
    text-shadow: $shadowSm;
    &:hover {
    transform: scale(1.1);
    }
    }
    z-index: 9;
    img {
    ......@@ -47,37 +57,45 @@ nav {
    padding: 0 5px 0 5px;
    }
    .menu-btn-1 {
    display: none;
    }
    .dropdown-content {
    @include flexColNavLinks();
    position: relative;
    top: -100px;
    background-color: $navColor;
    background-color: rgb(0, 0, 0, 0.8);
    padding: 20px 0px 20px 0px;
    height: 0px;
    a {
    margin: 10px;
    margin: 15px;
    position: relative;
    top: -200px;
    width: auto;
    text-decoration: none;
    @include flexColNavLinks();
    color: $navText;
    &:hover {
    color: red;
    text-decoration-line: underline;
    transition: 0s;
    cursor: pointer;
    }
    }
    &.active {
    z-index: 0;
    position: relative;
    top: 0px;
    transition: ease 1s;
    top: -50px;
    // transition: ease 1s;
    height: 200px;
    a:nth-child(1) {
    top: 0px;
    transition: 1.2s;
    }
    a:nth-child(2) {
    top: 0px;
    ......@@ -87,10 +105,6 @@ nav {
    top: 0px;
    transition: 0.8s;
    }
    a:nth-child(4) {
    top: 0px;
    transition: 0.6s;
    }
    }
    ......@@ -136,3 +150,28 @@ nav {
    margin-top: 0;
    transform: rotate(-45deg);
    }
    @media only screen and (max-width: 400px) {
    nav {
    background-color: transparent;
    a{
    font-weight: 700;
    font-size: 16px;
    }
    }
    .menu-btn-1 {
    display: block;
    padding: 2px;
    }
    .nav-lg {
    a {
    display: none;
    }
    }
    }
    styles/_variables.scss
    + 3
    − 2
    View file @ 38cdd012
    $navColor: rgb(0, 0, 0, 0.5);
    $navColor: rgb(0, 0, 0, 0.1);
    $navText: white;
    $navButton: lightgreen;
    $mainColor: lightgrey;
    $shadowSm: 1px 1px 1px black;
    styles/styles.css
    + 322
    − 15
    View file @ 38cdd012
    ......@@ -9,12 +9,21 @@ nav {
    align-items: center;
    justify-content: space-between;
    font-family: "Roboto", sans-serif;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.1);
    color: white;
    position: relative;
    z-index: 9;
    padding: 0 5px 0 5px;
    }
    nav a {
    font-weight: 700;
    font-size: 22px;
    cursor: pointer;
    text-shadow: 1px 1px 1px black;
    }
    nav a:hover {
    transform: scale(1.1);
    }
    nav img {
    height: 50px;
    width: auto;
    ......@@ -31,6 +40,10 @@ nav button:hover {
    background: red;
    }
    .menu-btn-1 {
    display: none;
    }
    .dropdown-content {
    display: flex;
    flex-direction: column;
    ......@@ -38,12 +51,12 @@ nav button:hover {
    justify-content: center;
    position: relative;
    top: -100px;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.8);
    padding: 20px 0px 20px 0px;
    height: 0px;
    }
    .dropdown-content a {
    margin: 10px;
    margin: 15px;
    position: relative;
    top: -200px;
    width: auto;
    ......@@ -55,12 +68,15 @@ nav button:hover {
    color: white;
    }
    .dropdown-content a:hover {
    color: red;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    transition: 0s;
    cursor: pointer;
    }
    .dropdown-content.active {
    z-index: 0;
    position: relative;
    top: 0px;
    transition: ease 1s;
    top: -50px;
    height: 200px;
    }
    .dropdown-content.active a:nth-child(1) {
    ......@@ -75,10 +91,6 @@ nav button:hover {
    top: 0px;
    transition: 0.8s;
    }
    .dropdown-content.active a:nth-child(4) {
    top: 0px;
    transition: 0.6s;
    }
    .menu-btn-1 {
    height: 32px;
    ......@@ -121,13 +133,28 @@ nav button:hover {
    transform: rotate(-45deg);
    }
    @media only screen and (max-width: 400px) {
    nav {
    background-color: transparent;
    }
    nav a {
    font-weight: 700;
    font-size: 16px;
    }
    .menu-btn-1 {
    display: block;
    padding: 2px;
    }
    .nav-lg a {
    display: none;
    }
    }
    header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/bitcoin-crypto-investment.jpeg");
    height: 300px;
    width: 100%;
    background-image: url("../img/ethereum-kikuhisa.jpeg");
    height: 40vh;
    }
    .menu-btn-1 {
    ......@@ -171,17 +198,89 @@ header {
    transform: rotate(-45deg);
    }
    article {
    .firstArticle {
    height: auto;
    padding: 10px;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .secondArticle {
    height: auto;
    padding: 10px;
    margin: 10px;
    text-shadow: 1px 1px 1px black;
    }
    .secondArticle h1 {
    font-size: 50px;
    }
    .secondArticle p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    }
    .secondArticle figure {
    margin-top: 50px;
    padding-top: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    }
    .secondArticle figure .textContent {
    width: auto;
    margin: 5px;
    padding: 5px;
    color: white;
    font-family: "Roboto", sans-serif;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    }
    .secondArticle figure .textContent .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    width: 1500px;
    height: 400px;
    }
    .secondArticle figure .textContent .container h2 {
    text-align: center;
    }
    .secondArticle figure .textContent .text {
    position: relative;
    top: -66px;
    }
    .secondArticle figure .textContent h1 {
    text-align: center;
    }
    .secondArticle figure .textContent p {
    width: 600px;
    }
    .secondArticle figure .textContent img {
    height: auto;
    width: 700px;
    }
    figure {
    .mid {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: "Roboto", sans-serif;
    width: auto;
    padding: 20px;
    border-radius: 5px;
    }
    .mid h1 {
    font-size: 50px;
    }
    .mid p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    }
    figure img {
    ......@@ -189,8 +288,213 @@ figure img {
    height: 160px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    margin-bottom: 30px;
    }
    @media only screen and (max-width: 1200px) {
    .firstArticle {
    height: auto;
    padding: 10px;
    margin: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .firstArticle h1 {
    font-size: 30px;
    }
    .secondArticle h1 {
    font-size: 30px;
    text-align: center;
    color: white;
    font-family: "Roboto", sans-serif;
    }
    .secondArticle p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    }
    .secondArticle figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .secondArticle figure .textContent {
    width: auto;
    margin: 0px;
    padding: 0px;
    color: white;
    font-family: "Roboto", sans-serif;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    }
    .secondArticle figure .textContent .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    }
    .secondArticle figure .textContent .container h2 {
    text-align: center;
    }
    .secondArticle figure .textContent .text {
    position: relative;
    top: 0;
    }
    .secondArticle figure .textContent h1 {
    text-align: center;
    }
    .secondArticle figure .textContent p {
    text-align: center;
    width: 300px;
    }
    .secondArticle figure .textContent img {
    height: 200px;
    width: 350px;
    }
    }
    @media only screen and (max-width: 800px) {
    .firstArticle {
    height: auto;
    padding: 10px;
    margin: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .firstArticle h1 {
    font-size: 30px;
    }
    .secondArticle h1 {
    font-size: 30px;
    text-align: center;
    color: white;
    font-family: "Roboto", sans-serif;
    }
    .secondArticle p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    }
    .secondArticle figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .secondArticle figure .textContent {
    width: auto;
    margin: 0px;
    padding: 0px;
    color: white;
    font-family: "Roboto", sans-serif;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    }
    .secondArticle figure .textContent .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    }
    .secondArticle figure .textContent .container h2 {
    text-align: center;
    }
    .secondArticle figure .textContent .text {
    position: relative;
    top: 0;
    }
    .secondArticle figure .textContent h1 {
    text-align: center;
    }
    .secondArticle figure .textContent p {
    text-align: center;
    width: 300px;
    }
    .secondArticle figure .textContent img {
    height: 200px;
    width: 350px;
    }
    }
    @media only screen and (max-width: 400px) {
    .firstArticle {
    height: auto;
    padding: 10px;
    margin: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .firstArticle h1 {
    font-size: 30px;
    }
    .secondArticle h1 {
    font-size: 30px;
    text-align: center;
    color: white;
    font-family: "Roboto", sans-serif;
    }
    .secondArticle p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    }
    .secondArticle figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .secondArticle figure .textContent {
    width: auto;
    margin: 0px;
    padding: 0px;
    color: white;
    font-family: "Roboto", sans-serif;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    }
    .secondArticle figure .textContent .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    }
    .secondArticle figure .textContent .container h2 {
    text-align: center;
    }
    .secondArticle figure .textContent .text {
    position: relative;
    top: 0;
    }
    .secondArticle figure .textContent h1 {
    text-align: center;
    }
    .secondArticle figure .textContent p {
    text-align: center;
    width: 300px;
    }
    .secondArticle figure .textContent img {
    height: 200px;
    width: 350px;
    }
    }
    footer {
    display: grid;
    margin: 0 auto;
    ......@@ -198,6 +502,8 @@ footer {
    grid-template-columns: repeat(4, auto);
    grid-template-rows: repeat(3, auto);
    background-image: url("../img/logos/endless-constellation.svg") !important;
    padding-bottom: 0px;
    height: auto;
    }
    footer h2 {
    color: white;
    ......@@ -361,6 +667,7 @@ footer .logos img {
    height: auto;
    text-align: center;
    background-image: url("../img/logos/endless-constellation.svg") !important;
    padding-bottom: 0px;
    }
    footer li {
    list-style-type: none;
    ......
    styles/styles.css.map
    + 1
    − 1
    View file @ 38cdd012
    {"version":3,"sources":["_navbar.scss","styles.css","_variables.scss","_header.scss","_article.scss","_footer.scss","styles.scss"],"names":[],"mappings":"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","file":"styles.css"}
    \ No newline at end of file
    {"version":3,"sources":["_navbar.scss","styles.css","_variables.scss","_header.scss","_article.scss","_footer.scss","styles.scss"],"names":[],"mappings":"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","file":"styles.css"}
    \ 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