JSFiddle - React, Tailwind, and code Playground

HTML

<div id="MainComments">
    <img ID="CommentedImage" src="/Pictures/4.jpg" style="width:50%" />
    <br />
    <br />
    <label ID="lblCommenter"> By Josh </label>
    <br />
    <textarea ID="PicComments" rows="3" style="width:50%" readOnly="readonly">Hello</textarea>
    <br />
    <br />
</div>

<div id="LeaveComments">
    Leave Comments:<br />
    <input type="text" ID="txtEmail" value="Enter your email." />
    <br />
    <br />
    <label ID="lblDirections">"You must have an account to leave commnets."</label>
    <br />
    <textarea ID="txtComment" style="width:50%" Rows="3"></textarea>
    <br />
    <br />
    <input type="button" ID="Button1" value="Leave Comment" />
</div>

<div id="foot">
    My footer
</div>

CSS

#MainComments {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#LeaveComments { 
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#foot{
    position:fixed !important;
    width:100%;
    bottom:0;
    text-align:center;
    padding:5px 0;
    background:#f0f0f0;
    border-top:1px solid #666;
}