css Flex

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  Hello again Nikita, I checked your code and the text are working fine I don't see any problem, the only thing to fix is the background image and the whole content alignment:

  Use these properties to make sure the content will be ever aligned center.

  body {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  About the svg image decoration its better you add it in the body to keep it size displaying all the body instead of adding it as <img> to have more control.

  body {
      background-image: url(./images/bg-mobile.svg);
      /* background-size: contain; */
      font-family: 'Open Sans', sans-serif;
      background-repeat: no-repeat;
      background-color: var(--violet-200);
      /* height: 100%; */
      background-size: cover;
  }
  

  See if works for you =)

  Marked as helpful

  1