Responsive landing page using css

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  👾Hello Priyanka Reddy, congratulations for your solution!

  I liked a lots the gradient effect you did to overlay the image, its amazing!

  Look that you container isn't aligned, due the paddings/margins you've add to the container, try to align with flexbox in the body instead, see the code below:

  body {
      min-height: 100vh;
      background-color: black;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  #main {
      height: 400px;
      width: 1000px;
      background-color: red;
      border-radius: 10px;
      /* margin: auto; */
      /* margin-top: 130px; */
      display: flex;
  }
  

  Hope it helps, happy coding!

  0