<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