We Keep Coding

Tailwind styling not working after navigating from another page in Next.js

I am building a site using Next.JS and tailwind.
On the homepage, the content in the wrapping divs in the project section displays in the centre.
However, when I navigate to my about page using the navbar link, and then return to the homepage, the content in the divs no longer displays in the centre (it displays to the left). This issue is not solved unless I refresh the page.
Any ideas how I can solve this issue please?
Thanks very much

When changing routes to your about page and back, the class of the child element under projects changes from col-span-3 content-center place-items-center md:mx-40 to ProjectSection_proj1Left__CTWEv. I guess that is why it breaks. So check if you set this somewhere (maybe even by accident).

How to refer to a part of the html block in reactjs

So, I want to refer to a particular part of a page, in react js
as we do using a Link .
But when I do it using an <a> anchor tag, the page is getting reloaded.
I dont want the page to reload and scroll down to that required part of the page.
For example, open reactjs documentation. : ReactDocs
and scroll down, There you see a Try React Heading, just as we hover on it, we do see a link icon , and clicking on it, we just scroll down and Try React Heading is the top part of the Page now.
Is there a way we can achieve that using the <Link>from React-Router-Dom </Link>
I want that feature, in react without reloading the page.
thanks in advance :)

ember issue with template sidebar display

With Ember I have a login page that I do not want to display the header/sidebar navigation for my site. Once isAuthenticated then I want them to show. I can get this to work by checking for session.isAuthenticated in application.hbs. If true I show the header and sidebar if not I do not display them.
This all works but once I login and transition to the default authenticated route the javascript for the sidebar dropdown does not work. When I click the links nothing happens. If I then transition to a different route they work. I'm guessing it's since I am not generating them when I first load the page because I am not authenticated.
Is there a better way to handle this or force a reload of the javascript?
EDIT: Here is a gist of the application.hbs and sidebar.js files:
Gist Files

Installed ember-metismenu and the issue went away.

How to avoid refresh of layout view when navigating between pages

If I have a more than one pages, all using the same layout page, is there a way I can navigate between the pages and only refresh the body part of the layout page. For example if I have a list page and select an item to go to the detail page and they both contain the same layout view, I don't want the layout which contains the menu and footer to reload, just the #RenderBody() should reload.
I am building this in Mvc 3.
I am a beginner to Mvc so help we with some examples.
Thanks.

Call the pages in ajax and replace the content of your html body
Tutorial: http://www.webdesignerdepot.com/2014/02/how-to-supercharge-your-sites-speed-with-ajax-and-jquery/
Demo: http://www.webdesignerdepot.com/cdn-origin/uploads7/how-to-supercharge-your-sites-speed-with-ajax-and-jquery/demo2/#page3

Managing back button jquery mobile after loading content

I'm working on a jquery mobile hybrid app. as I have a fixed skeleton of the app, all I do is loading the content of each page on the <div data-role="content"> of the index file preserving the header / footer / sidebar etc...
$("#pageContent").load ("pages/login-view.html", function () {
$(this).enhanceWithin();
});
Everything's working just fine.
But what's blocking me right now, is managing the back action when clicking on a left arrow in the header.
Since I'm not reloading the whole page and I'm loading only the content on pages inside my main page, I have no Idea how to create or use the Backstack of loaded pages contents.
Do you hve any idea about how to do this ?
Thank you.