Background image css not scaling down properly


I’m trying to put an image as a background of my project insde the body component, but when I reduce the screen width the image doesn’t overflow correctly. This is what I have now:

the css is:

body {
  background-image: url("");
  background-size: cover;
  overflow: hidden;
  background-position: unset;
  background-repeat: no-repeat;

  text-align: center;
  font-family: "Roboto", sans-serif;
  font-family: "Poppins", sans-serif;
  margin: 0;
  padding: 0;

  min-width: 350px;

and when I resize the screen it results to this:

Is there a way to fix this issue?

>Solution :

use min-height:100vh

body {

  min-height:100vh; <-

Leave a ReplyCancel reply