Change the position of dropdown choosing language to the right and Contact to the left,
-> in the phone view all dropdowns will be on the right and all titles will be on the left.
Change < h > of title Anti-Asian Hate Crime Tracker to < p > for more responsive.
-> The old title is weirdly large on the small screen.
Important Note:
This adjustment is fixed and tested on Ipad and iPhone view.
Screen size will be checked for the first render (not check all the time) to decide 2 screen calendar or 1 screen calendar
(should be 2 screen calendar on Monitor view and 1 screen calendar on Phone view)
const isMobile = (window.innerWidth <= 786)
If you change the screen size while testing, please reload the page again
-> I do not want to use useState for this because users don't change their screen size when surfing the web.
-> Too much useState would slow down our page
Change the position of dropdown choosing language to the right and Contact to the left, -> in the phone view all dropdowns will be on the right and all titles will be on the left.
Change < h > of title Anti-Asian Hate Crime Tracker to < p > for more responsive. -> The old title is weirdly large on the small screen.
Important Note: This adjustment is fixed and tested on Ipad and iPhone view.
Screen size will be checked for the first render (not check all the time) to decide 2 screen calendar or 1 screen calendar (should be 2 screen calendar on Monitor view and 1 screen calendar on Phone view) const isMobile = (window.innerWidth <= 786) If you change the screen size while testing, please reload the page again -> I do not want to use useState for this because users don't change their screen size when surfing the web. -> Too much useState would slow down our page