'How to position the image at the side edges of the screen?

I want to place the image at the edges of the page so that it perfectly touches the left and right sides with the edges.

that's what it looks like now: https://i.stack.imgur.com/ATcUJ.jpg

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}



.center {
    width: 100%;
    z-index: 0;
}

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}
<img src="images/5-54070_new-york-ultra-wide.jpg" alt="Paris" class="center">
c++sharphtmlcssasp.netimage


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions