<div className="col-lg-6 row-item"> <div className="file-upload-arrow"> <img src={FileArrowIcon} alt="File Upload Arrow Icon" /> </div> <div className="file-upload-text"> Drag and drop document here to upload </div> <div className="file-attach-instructions"> Please attach the file(s) below (use the Add button). We recommend using A4-size PDF, BMP, PNG, DOC, DOCX, JPG and JPEG files. File size cannot be more than 20 megabytes (MB). Your files will be uploaded when you submit your form. </div> <div className="file-add-button"> <button>Add File</button> </div> </div> Consider you are a CSS expert. Above is the code you have to update and make neccessary styling based on below constraints Constraints: 1. Center the child elements of row-item div element horizonatally & vertically. 2. Each child element is aligned center. 3. Update backgournd of Add File button to #023979. 4. Set border radious of button to 5px and font color to #FFFFFF. 5. Fibnally return the updated version of code with change in styles.
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter