bootstrap 4

by Dhara Patel

HTML

<script src="http://localhost:56832/Scripts/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://localhost:56832/Content/bootstrap.min.css">
<body>
  <div class="container">
    <div class="img column1">
      <img id="img" src="https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg?auto=compress&cs=tinysrgb&h=650&w=940">
    </div>
    <div class="comment column2">
      <p>a paragraph</p>
      <p>another paragraph</p>
    </div>
  </div>
</body>

CSS

.column1, .column2{
  width:300px;
  margin: 10px;
  display: inline-block;
  vertical-align: bottom;
}
p {

    margin-top: 0;
    margin-bottom: 0;

}
#img{
  max-width: 300px;
  max-height: 600px;
}
.container {
  width: 80%;
  padding-top: 100px;
  margin: 0 auto;

}