/*
 * File: user/style/mobile/GalleryMobile.css
 * Author: Neha Balotia
 * Description: This file contains all the styling part of the Gallery Page for Mobile responsiveness.
 * Created on: 08/11/2024
 * Last Modified: 25/11/2024
**/

@media only screen and (max-width: 768px) {

    /* Main */
    body {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Main Section */
    main {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    /* Sidebar */
    #sidebar {
        display: none;
    }

    /* Images Section */
    #imagesDiv img {
        height: 140px;
    }

    #notFound {
        width: 280px;
    }
}