trying something

<div className='max-w-[650px] flex bg-slate-100 m-5 border-black p-5 grow flex-col'>
                        <div className='m-5 border'>
                            <div className="max-w-lg shadow-md">
                                <form action="" className="w-full p-4">
                                    <div className="mb-2">
                                    <label for="comment" className="text-lg text-gray-600">Add a description</label>
                                    <textarea className="w-full h-20 p-2 border rounded focus:outline-none focus:ring-gray-300 focus:ring-1"
                                        name="comment" placeholder="" onChange={(e)=>{setDescriptionPost(e.target.value)}}></textarea>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div className='max-w-auto flex flex-col items-center content-center justify-items-center'>
                            <form onSubmit={formHandler}>
                            <div class="flex justify-center">
                                <div class="mb-3 w-96">
                                    <label for="formFile" class="form-label inline-block mb-2 text-gray-700"></label>
                                    <input class="form-control
                                    block
                                    w-full
                                    px-3
                                    py-1.5
                                    text-base
                                    font-normal
                                    text-gray-700
                                    bg-white bg-clip-padding
                                    border border-solid border-gray-300
                                    rounded
                                    transition
                                    ease-in-out
                                    m-0
                                    focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" type="file" id="formFile" />
                                </div>
                                </div>
                                <button type='submit' className='text-white bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 mt-5 h-auto'>Upload image</button>
                                {returnUploadPostButton()}
                                <h2 className='text-solid-400 text-base font-light m-5'>First upload an image before to upload a post</h2>
                            </form>
                            {/* <h3>Uploaded {progress} %</h3> */}
                        </div>
                    </div>