I’ve gotten to the point in developing an application to start fully fleshing out the UI so that it is compatible for iPhone and iPad. At the moment, it only works for iPad and I plan on transitioning to using flexbox, so that that it can fully be responsive to the different sizes. However, I am not sure if there is a way to tell use flexbox differently if it is an iPad compared to an iPhone, as some components need to be rendered differently on a smaller screen compared to a bigger screen. Also, it would be great to hear other methods for making this responsive design compatible for other sized devices in the future as well.
- Is there a way to tell which device is being used in order to display components differently?
- Is flexbox the best approach to create responsive design (adaptable to different sizes)?
- Are there any other methods for responsive design that may be better than flexbox?