I have a React component as sidebar and I wonder if I can make it responsive.
That component is a bit of a mess when it comes to styling and changing stuff up is only confusing to me and doesn’t help me to get the desired result.
Can I do so that the component gets smaller whenever I resize the page? With that I mean responsive in different screen sizes.
I’ve been looking into styled-components and find it cool, unfortunately there is no way I can use it with a component.
The basic idea of my web application is that we have a full size iframe and a button on the right corner that once is clicked it opens a sidebar.
Is there any easy way out? Some best practices that would help me get this mess to be less confusing?
Otherwise videos I could watch or tutorials I could get to get my feet on the ground?
Responsive design is getting harder by the day, especially when I started using React.
I must say that I hate making things responsive, plus I never know how it really looks on different sizes of the screen.