Achieving Responsive Design
As a web developer myself I always came across this amazing concept known as responsiveness. Basically it means that all your content, everything you have placed in your website must adjust itself when the device and precisely the screen size changes. Given above is a perfect example of a responsive design. Irrespective of the device the design is modified and this makes it much more good and well designed. Honestly, I have had a really tough time dealing with this so I thought it's best to share some common tips and tricks and also the method of creating a responsive design. Points to remember: Always use relative units while defining parameters like height or width. Avoid using pixels or 'px' as unit. Use viewport height or 'vh' as a unit. Use '%' as a unit. Use 'rem' and 'em' as units. Mention max-width property for div and containers. These were some common points related to precautions that one can take, however these relative units do n