InputMobile.css

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



    
    #showBlogsSection{

        width: 100%;
        margin-top: 2%;
        max-width: 80vw;
        /* background-color: aqua; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }


    #blogsContainer{

          
        display: flex;
        flex-direction: column;
        justify-content:space-around;
        align-items:center ;
        margin-top: 1%;
        /* background-color: red; */
        width: 70vw;


    }

    .box{

        margin: 0.5% 0.5%;
        padding: 1%;
        padding-bottom: 2%;
        display: flex;
        flex-direction: column;
        border: 0.5px solid grey;
        background-color: var(--primary-minor);
        width: 95%;
        margin: 1% 0%;


      }

      #addBlogSection{

        background-color: var(--primary-minor);
        width: 70vw;
        padding: 1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 0.5px solid grey;
      
    }

    .text-input{

        width: 90%;
       
    }

    textarea{

        padding: 1%;
    }

 }