Custom Gallery Tutorial part 1

 

<div class="navbar">

        <h3>Sync Programming StoreMI</h3>

        <form action="" id="form">

            <input type="file" id="image" value="choose file" name="choose file">

            <input type="submit" value="upload">

        </form>

    </div>

CSS

*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

body{

    /* background: linear-gradient(to bottom,rgb(27, 27, 27),rgb(143, 206, 241)); */

    /* background-color: rgb(170, 183, 211); */

    background: url('../back5.jpg');

    background-size: cover;

    background-position: center;

}

.navbar{

    display: flex;

    align-items: baseline;

    width: 90%;

    margin: 10px auto;

    justify-content: space-between;

    padding: 15px;

    background-color: rgb(126, 9, 100);

    color: rgb(0, 255, 98);

}

 

#image::-webkit-file-upload-button{

    visibility: hidden;

    

}

 

.navbar h3{

    font-size: 35px;

    color: yellow;

}

#image{

    background-color: hotpink;

    border: 2px solid black;