How to write media queries in css ?

Media queries help to create a responsive website or landing page. These are the breakpoint and we set them accordingly to the devices such mobile,, tablet, desktop etc. by using width and height to break the layout and the code.
Media Types

All – Use for all devices Print – use only for print device Screen – use only screens Speech – Use for speech devices

Types of breakpoints for screens : Mobile Device – Small Devices, Tablet Devices

How to color html svg element using css ?

Once my colleague told me or I also faced this problem with svg icons is that svg icons don’t match the color of text. In fact this was a huge problem, I was stuck that time but there is a pretty solution for this I didn’t think that time. To color a svg we use fill:colorname!

                  
                    svg {
                      fill: colorName;
                    }
                    svg {
                      fill: #454454;

                    }
                    svg {
                      border: 5px solid #636363;
                    }