.responsive-title::after {
  content: "Html Runner Codeeditor";
}

.responsive-title {
  font-size: 24px;
  visibility: hidden; /* hides actual text but keeps space */
  position: relative;
}

.responsive-title::after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
}

/* Change text on small screens */
@media screen and (max-width: 768px) {
  .responsive-title::after {
    content: "Html Runner";
  }
}