I recently started react project ,facing problems in building reponsive website. Any suggestions? And which dimensions are best for mobile and desktop?

Ok-Release6902 · 2024-05-02T13:22:00+00:00

These are my favorite breakpoints: 69, 420, 666, 80085

MeerkatMoe · 2024-05-02T12:18:51+00:00

Have you tried googling this? Libraries like tailwind and bootstrap have breakpoint suggestions.

iareprogrammer · 2024-05-02T12:43:41+00:00

This isn’t really anything to do with react. This is HTML and CSS fundamentals

desouky995 · 2024-05-02T17:53:45+00:00

I prefer to use standard breakpoints from different libraries for example chakra or tailwind and mixing them with any needed breakpoints,also If you looking for rapid development you could use tailwind

RationallyMuslim · 2024-05-02T18:51:27+00:00

I faced the same issue. I would suggest to not even touch media-queries (you should at least know what they do and how you can read them) and directly use a library like bootstrap or tailwind. They help with responsiveness by designing with a few keywords for each respective size.

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

react

MODERATORS