comment.css

 .blog-card {
     border: 1px solid #ccc;
     margin: 10px;
     padding: 10px;
 }

 .blog-card h2 {
     font-size: 24px;
     margin-top: 0;
 }

 .blog-card img {
     max-width: 100%;
     height: auto;
 }

 .blog-card p {
     margin-top: 10px;
 }

 .blog-preview {
     margin: 20px 0;
 }

 .blog-preview h2 {
     font-size: 36px;
     margin-top: 0;
 }

 .blog-preview img {
     max-width: 100%;
     height: auto;
 }

 .blog-preview p {
     margin-top: 20px;
     font-size: 18px;
     line-height: 1.5;
 }

  /* Comment section styling */
  .comment-section {
      margin-top: 30px;
  }

  .comment {
      display: flex;
      margin-bottom: 20px;
  }

  .comment img {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      margin-right: 15px;
  }

  .comment .comment-body {
      display: flex;
      flex-direction: column;
  }

  .comment .comment-author {
      font-weight: bold;
      margin-bottom: 5px;
  }

  .comment .comment-text {
      margin-top: 0;
      margin-bottom: 10px;
  }

  .comment .comment-date {
      color: #888;
  }

  .comment-form {
      margin-top: 30px;
  }

  .comment-form label {
      font-weight: bold;
  }

  .comment-form input[type="text"],
  .comment-form textarea {
      display: block;
      width: 100%;
      margin-bottom: 10px;
      padding: 5px;
      border: 1px solid #ccc;
      border-radius: 3px;
  }

  .comment-form input[type="submit"] {
      background-color: #007bff;
      color: #fff;
      border: none;
      border-radius: 3px;
      padding: 10px 20px;
      cursor: pointer;
  }

  .comment-form input[type="submit"]:hover {
      background-color: #0062cc;
  }