Clipboard Landing Page / HTML, CSS / Mobile First.

Community feedback

• 

  Anna Leigh•5,135

  @brasspetalsPosted over 2 years ago

  Hi Pablo! 👋 Congrats on submitting another solution! 🎉

  That image is tricky. There's a few different ways you could do it. Working with your existing code, you could try increasing the image width percentage. Then add a max-width, so it doesn't get too big on larger screens. For positioning, you could use transform: translateX() with a negative value in order to shift the image left. Something like the code below could work. Note: the vaules I've used are just for the sake of example and would need to be changed to match the design.

  .computer-image {
  width: 125%;
  max-width: 1000px;
  transform: translateX(-300px);
  }
  

  Marked as helpful

  2

  ---

  

  Pablo Montoya Varela•300

  @PaliTriesToDesignPosted over 2 years ago

  @brasspetals Hey Anna! I will try your suggestions. I really appreciate the feedback. Thanks a lot!

  1