Making Website Responsible

  1. What is the easiest way to make a website responsive? I have learnt that you can use @media queries but why would I when there are already responsive elements in my code like: relative units and responsive layout (flexbox, css-grid).
  2. I have added pictures to my websites but they don’t look good. When the website is fullscreen, the picture is perfect but when the website is half the screen or smaller, the image is zoomed in. Which display value do you recommend? Also, should I take notice on how many pixels a picture is before deciding to use it for my website?