Skip to content
OverviewSolutions
23
Comments
4
Nikita Toropov
@tossik8

All comments

  • Nikita Toropov•350
    @tossik8

    Great solution! Consider adding transition and border radius properties to the image overlay.

  • Nikita Toropov•350
    @tossik8

    Great work!

    I would make your web page more responsive because the image does not load for mobile devices. Try to add images based on the size of the screen. For that you can replace your <img/> tag with something like this:

    <picture>
  <source srcset="your image for mobile devices" media="(max-width:400px)" />
  <img src="your image for desktop devices" alt="" />
</picture>
    Marked as helpful
  • Nikita Toropov•350
    @tossik8

    You can add backgrounds

  • Nikita Toropov•350
    @tossik8

    You can add background-repeat: no-repeat and add background-size: cover to make it look closer to the original design