Scribd Logo
Upload

Welcome to Scribd!

  • Css Page Contact

    Uploaded by

    tababi marwa
    16 views1 page
    This document contains CSS code that defines styles for elements like body, flex containers, padding, cards, and images. It sets the background color, flex properties, box shadows, padding sizes at different screen widths, and dimensions/borders for card elements and images. Media queries are used to adjust the padding size based on screen width.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains CSS code that defines styles for elements like body, flex containers, padding, cards, and images. It sets the background color, flex properties, box shadows, padding sizes at different screen widths, and dimensions/borders for card elements and images. Media queries are used to adjust the padding size based on screen width.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    16 views1 page

    Css Page Contact

    Uploaded by

    tababi marwa
    This document contains CSS code that defines styles for elements like body, flex containers, padding, cards, and images. It sets the background color, flex properties, box shadows, padding sizes at different screen widths, and dimensions/borders for card elements and images. Media queries are used to adjust the padding size based on screen width.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    .stretch-card>.

    card {
    width: 100%;
    min-width: 100%
    }

    body {
    background-color: #f9f9fa
    }

    .flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
    }

    @media (max-width:991.98px) {
    .padding {
    padding: 1.5rem
    }
    }

    @media (max-width:767.98px) {
    .padding {
    padding: 1rem
    }
    }

    .padding {
    padding: 3rem !important
    }

    .card-sub {
    cursor: move;
    border: none;
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0,
    0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04),
    0 0 0 -1px rgba(0, 0, 0, 0.05)
    }

    .card-img-top {
    width: 100%;
    height:180px;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
    }

    .card-block {
    padding: 1.25rem;
    background-color: #fff !important
    }

    You might also like