All comments

• 

  Hammad-Ahmad47•20

  @Hammad-Ahmad47Submitted almost 3 years ago

  give ur feedback on how to overlay the image with colours and also how can i modify it for mobile setup im a beginner in web development so plz give ur honest suggestions at how i can improve my skills

  

  simple html and css

  4

  50
  

  Connor Belding•20

  @connorbeldingPosted almost 3 years ago

  to overlay an image with color you can use the background shorthand property like this:

  .class {
    height: 500px;
    width: 500px;
    background: linear-gradient(rgba(141, 31, 224, 0.6), rgba(141, 31, 224, 0.6)),
      url("https://picsum.photos/500");
  }
  

  you definitely need to learn about responsive design. using css grid,flexbox, and media queries, it allows you to create visual elements that grow and shrink to fit the user's screen size.

  what you have right here as a beginner is not bad! learn about the above topics (and css in general because it is quite expansive) and you'll be able to turn it into a professional page!

  Marked as helpful

  2

  This comment has received 1 replyShow