To make your code responsive on desktop and mobile devices, you can use CSS media queries. Media queries are blocks of CSS code that allow you to apply specific styles to certain device sizes or types. Using media queries, you can design your code to adapt to various screen sizes and orientations.

Responsive web design is about creating web pages that look good on all devices! A responsive web design will automatically adjust for different screen sizes and viewports.

To make an image responsive, you need to give a new value to its width property. Then the height of the image will adjust itself automatically. The important thing to know is that you should always use relative units for the width property like percentage, rather than absolute ones like pixels.