So I am trying to make a page for my website that will hold the Item IMG, who is selling and etc I have a example sketch of what I am trying to make. and I am wondering what I am trying to make is it possible with this or not?
My code.
<body>
<div class="container p-5 my-5 bg-dark" id="main1">
<div class="row">
<div class="col-4">
<img src="https://placehold.it/350x400" alt="item img" />
</div>
<div class="col-8">
<h4><p>Item Name</p></h4>
<br>
<h6><p>Creator:</p></h6>
<p>Username</p>
</div>
<div class="col-5">
<div class="container">
</div>
</div>
</div>
</div>
<div class="container p-5 my-5 bg-dark" id="main2">
<div class="row">
<div class="col-sm-4">
<div class="container">
<!--- \\\\\\\comment-->
<div class="tab-content" id="comment">
<div class="tab-pane fade show active" id="comments" role="tabpanel" aria-labelledby="comments-tab">
<div class="form-group">
<label class="sr-only" for="message">Comment</label>
<textarea class="form-control" id="message" rows="3" placeholder="Comment"></textarea>
</div>
</div>
</div>
<div class="btn-toolbar justify-content-between">
<div class="btn-group">
<button type="submit" class="btn btn-primary">Post</button>
</div>
</div>
<!-- comment /////-->
<br>
<!--- \\\\\\\Post-->
<div class="panel-body">
<ul class="media-list">
<li class="media">
<div class="user-img">
<img src="http://placehold.it/50x50" />
</div>
<div class="media-body">
<h4 class="media-heading"> Username </h4>
<p>Post time</p>
<p> Text 12345 Text 12345.</p>
</div>
</li>
<br>
</ul>
</div>
<!-- Post /////-->
</div>
</div>
<div class="col-sm-8">
<div class="container">
<p>Spot 2</p>
</div>
</div>
</div>
</div>
</body>