Highly Responsive Coming Soon Page Dev using Basics HTML, CSS & Js

Community feedback

• 

  Pablo•250

  @pablo-92Posted over 1 year ago

  Hi Juma, nice work! If you mean the button gradient, it could be something like:

  .button {
  background: linear-gradient (<first color>, <second color>, <thrid color>, <and as many as you want!>)
  }
  

  There's some more stuffs you can do with it, like rotate it, or set the amout of space you want a color cover. Look more here.

  If this isn't what you meant, let me know, and I'll help you!

  1

  ---

  

  Jumagobe•1,050

  @JumanjigobezPosted over 1 year ago

  @pablo-92 Thanks for the feedback, but No, it's not on the button it is the background color of the left section/part azin in my solution the left section background is a bit white not like the design one.

  Kindly check my code also...

  Thanks Pablo.

  0

  

  Pablo•250

  @pablo-92Posted over 1 year ago

  @Jumanjigobez oh, my bad. Yeah, looks like the body background isn't working properly because you're placing a "color" over the other, e.g. background: red, blue;

  Theres a background image that comes with the project that has the design of a gradient background. But, assuming you want to give it a more personal touch, then you can try with something like:

  body {
  background: radial-gradient(
  circle at 100% 0%,
  hsl(0, 0%, 100%),
  hsl(0, 100%, 98%),
  hsl(0, 80%, 86%)
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-blend-mode: lighten;
  }
  

  The rest of the code looks really good. Maybe just the girl image would be better to use the background-size: cover; so it doesn't strech; as a suggestion.

  Hope this works for you, have a nice day!

  Marked as helpful

  0