The document discusses key principles for responsive design, focusing on adaptive images, viewport inclusion, media queries, eliminating non-essential content, and utilizing breakpoints. It emphasizes the importance of ensuring that websites perform well across different devices by implementing these strategies. Overall, the effectiveness of a responsive design is critical for providing optimal user experiences across various screen sizes.

2. 1. Useful and Flexible Images
2. Include a Viewport
3. Media Queries
4. Terminate Non-Essential Content
5. Focus on Breakpoints

3. Useful and Flexible Images:
• A basic structure takes into account adaptable images. You can without much of a stretch achieve
this through adaptive sizing. You should guarantee fitting estimating for versatile clients on the off
chance that you look for fair speeds, which are vital in responsive plan.
• You could utilize changing breakpoints and store various picture sizes in your information for
different screen goals.
• Nonetheless, this could demonstrate tricky regarding transmission capacity utilization and you
can't build up your site under the supposition that each watcher will have ground-breaking data
transfer capacity get to.
• A responsive plan has adaptable frameworks that you can resize to whichever width. Adaptable
formats don't advance fixed units of estimations, for example, inches or pixels. This is on the
grounds that the viewport width and tallness ceaselessly change crosswise over gadgets.

4. Include a Viewport:
• You should incorporate a viewport Meta tag even for essential pages. The viewport is a
significant part for creating multi-gadget encounters.
• Your site won't work function properly on mobile devices without it. The part flags to the
program that the page expects scaling to fit the screen. You can indicate different designs for
the viewport to control the page show.

5. Media Queries:
• Media inquiries structure the center of any responsive plan system. On the off chance
that you come up short on a responsive subject or have a static site, you could
incorporate media inquiries to your present plan. This essentially implies a template code
directs how the program should show your site in different goals.
• Media inquiries offer the ability to show distinctive styles for individual device and
program conditions. The capacity to execute particularly focused on styles use
responsive plan.
• Media inquiries take into consideration simple difference in styles relying upon the
highlights of the gadget giving the substance, including the width, show type,
introduction, and even tallness.
• They further grant the improvement of a responsive encounter, where the application of
specific styles occurs in small and large screens.

6. Terminate Non-Essential Content:
• In order for your mobile friendly design to stand out easily, you should remember that
some substance shouldn't work in a versatile setting.
• If these elements exist in your site or potential site layout, eliminate them immediately for
whichever mobile setting.
• You can achieve this by applying a not_mobile class to specific components that you'd
like wiped out when clients see your site in a portable setting or you could essentially
dispense with such components forever from each site variant.

7. Focus on Breakpoints:
Breakpoints depict the focuses at which your site's substance will react to offer clients the most
ideal design for fluctuating screen sizes.
Responsive destinations will have somewhere around two break focuses overall. Building up a
custom breakpoint is clear and simply requires the information on media questions to create.
While making breakpoints, it's critical you remember these tips:
• Guarantee the custom breakpoints don't conflict with the standard ones
• It's basic you look at your site at focuses that are not the default to build up an
encounter that is genuinely strong.
• Keeping up consistency in the survey experience will make you seem to be a specialist.

8. Conclusion:
Execution is everything with regards to responsive structure. In this way, considering
elements, for example, flexibility will add to sites that perform well and load quick.

9. Thank you