Can Anyone work on improving its Mobile CSS?

[trmofsln]

Can Anyone work on improving its Mobile CSS? It's Just Simple CSS Work. Not to worry much about. You Simply have to use media (Media Query), under which you can separately give CSS of particular ClassName, which will only be valid for mobile view and tablet view only.

[two-ticks]

@PRACTICE404 would you like to work on this ?

[SwayamInSync]

yeah sure I'll work on it.

[trmofsln]

@PRACTICE404 . Go-Ahead for this issue, and work on mobile view CSS. Ask me for any type of help, if you need it.

[SwayamInSync]

@trmofsln Firstly I was tackling the Navbar issue, so I decided to remove it completely and instead use the Sidebar,

Benefits:

• free the extra space that navbar is taking even when it's not needed
• more animations
• looks good even someone is using it on small screen

Should I make a PR for reviewing the Sidebar?

[two-ticks]

@trmofsln i have merged the pull request #36 . If it looks good to you it would be good to rebuild page and refresh the page.

[trmofsln]

@PRACTICE404, I saw your work. It's Very Nice. Your Efforts Really matter for JKOSC. Keep Contributing.

I saw that you have made SideBar instead of Navbar (Previously it was Navbar on the top). It's very Nice work for Mobile view, as we generally see Sidebars in websites when we open that in Mobile.

Screenshot of Desktop View

Issue:

But there is some problem in implementing sidebar in desktop view. It is because now the user has to make double efforts to go on any page, (first have to click on 3-bars the on the click) (previously, on Navbar, only had to click on Page link)

Solution:

Now you can make Navbar view for desktop and sidebar for mobile view, for that purpose you can use a npm "react-device-detect".
import { BrowserView, MobileView, isBrowser, isMobile, } from "react-device-detect";

Now, wite
<Navbar /> inside <Browser View></Browser View> and <Sidebar /> inside <MobileView></MobileView>.

I want to make your work on this mobile view issue. Do you agree with what I think? Both of you @PRACTICE404 and @two-ticks ??
Tell us about your ideas regarding this. If it is ok then you can proceed in this flow, which I said above. We are available if any issue arises.

[trmofsln]

@PRACTICE404 ?? @two-ticks ??

[two-ticks]

I think it would be great to have more responsive design which adapts with the device. If @PRACTICE404 wants work on this it would be great.

[ashutoshmishra10]

Hello, @two-ticks @trmofsln. I want to work on this issue.

[trmofsln]

Ok @ashutoshmishra10 . You can. Go Ahead.