Background img help

HTML-CSS
1

idk what wrong here help?

<style>
.p1{
        color: black;
        font-size: 13px;
        text-align: center;
}
.background-pic{
        background-image: 'bg.JPG' ;
    }

</style>
<body>
<p class="p1 background-pic">
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias cumque reprehenderit quaerat dolorem molestias debitis ea voluptatem accusantium, possimus voluptates 
            nesciunt pariatur, quis consequuntur doloribus velit dicta quidem numquam a!Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur nostrum quis doloribus nisi
            dolores perspiciatis, ad, laboriosam repellendus, eum laborum recusandae ipsam. Qui quaerat unde dolor magni sapiente dolorum itaque? Lorem ipsum dolor, sit amet 
            consectetur adipisicing elit. Placeat autem corrupti atque eveniet repellendus ipsam sed blanditiis animi exercitationem laudantium nihil delectus et, consequuntur 
            sapiente. Similique odio sequi vero soluta?

          <br>
          <form action="#">
              <input type="text" placeholder="Comments/Complaints" required>
              <button type="submit">Submit</button>
          </form>
        </p>
</body>

also how do you get the buttons to align in the center

2

wrong syntax, you can review the corresponding challenge , Create Texture by Adding a Subtle Pattern as a Background Image

1 Like
3

and what about the buttons? how do i get them in the middle?

4

many different possibilities, like flexbox, like putting them in a container that extend all the page and giving margin: auto…