Background Repeat Example

This is an example of how to control background image repetition without using inline styles in an .mdx file.

body {
  background-image: url("gradient_bg.png");
}

If the image above is repeated only horizontally (background-repeat: repeat-x;), the background will look better.

body {
  background-image: url("gradient_bg.png");
  background-repeat: repeat-x;
}