Help with creating responsive carousel capiton?

HTML-CSS
1

No longer a valid post

2

I haven’t really looked into the carousel component and I didn’t check your setup of it. But right now the text is not really set up to react to the screen size (it is using absolute positioning).

You can add a media query, to lower the font size. Might be the fastest fix for it.

@media (max-width: 560px) {
  .carousel-caption h1 {
    font-size: 300%;
  }
  .carousel-caption h3 {
    font-size: 100%;
  }
}

@media (max-width: 400px) {
  .carousel-caption h1 {
    font-size: 200%;
  }
  .carousel-caption h3 {
    font-size: 80%;
  }
}