Tips to make a Responsive Design.
1. Go Mobile First - before you plan your design for desktop or laptop screens thinks about the UX on a mobile!
2. Make it readable - Make your text size large enough to read from a smaller screen. Use em instead of px!
1/3
A Thread π§΅
1. Go Mobile First - before you plan your design for desktop or laptop screens thinks about the UX on a mobile!
2. Make it readable - Make your text size large enough to read from a smaller screen. Use em instead of px!
1/3
A Thread π§΅
3. Use Percentage - Set a maximum layout size and from there, define the widths and heights by proportion, not pixel!
4. Try media queries - Media queries determine which CSS rules to apply based on devices resolution, height, width and orientation!
2/3
4. Try media queries - Media queries determine which CSS rules to apply based on devices resolution, height, width and orientation!
2/3
5. Remove the unnecessary - Get rid of excessive elements, not only for user experience but also for website speed!
6. Use the right button size - Avoid small button size. Make sure buttons are large enough in all devices.
Leave a comment & share your thoughts!
3/3
6. Use the right button size - Avoid small button size. Make sure buttons are large enough in all devices.
Leave a comment & share your thoughts!
3/3
Loading suggestions...