Implementing responsive design in css can be one hell of a task, but some good practices that might help are a mobile-first design workflow (meaning that you first design the website for a mobile layout then you alter it to a desktop layout using media queries) and trying to avoid using absolute units in things like margins, paddings or position, and using relative ones instead. Looking at your code, I would also suggest that you use more rounded numbers (instead of 0.55586em, for example) Other than that, you've done a marvelous job!
Marked as helpful
@AnoshaSohail
Posted
@kaggelos Thanks for your tips . I'll keep these in mind