navbar | A complex responsive and accessible navbar | Form library

I am building an app following the Rest Countries API challenge from frontendmentor (https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca). I have run into a problem. When clicking on the router link in countryDetail.js, the url changes but the component doesn't get re-rendered unless the page is refreshed.

CountryDetails.js

Created a server.js which indicates to index.html file.(server.js and index.html locates on the same folder). In that html I couldn't use any styling from external css file or any assests from local storage. But inline css & images from internet is working fine.

server.js

I'm Doing the tutorial (https://www.youtube.com/watch?v=dam0GPOAvVI&t=2412s) it was working nicely since there was a problem I don't what.When I run the main.py

I am working on e-commerce app using ejs template and nodejs as backend . In that I have admin role for administrative work . I create Bootstrap modal for update the order status . But I am able to only update the first order , if I try to any other order only first order gets update . Can anyone please help me to sort out this problem .

allOrders.ejs (list of orders & modal)

I have a navbar and sidebar component in my nextjs app. In my index component I'm using useState to show and hide sidebar on mobile device.
It works perfectly fine but I want to add animation when user clicks on hamburger menu, the sidebar should be animated left to right and when clicked on close icon it should go back to right to left. FYI I am using tailwind css.

Here's the code:
indexjs file:

Please, help me making out why is event listener's callback executing twice: because I need to have such a feature as leaving comments, but when I click post button, the callback immediately executes twice. I tried adding doubling preventer, cllciked var declared in useState, but it didn't help anyways. And it happens even when I SIGNGLE-click on the submit button, and not DOUBLE-click.

This is my component's code:

simply I like a blogger template Name: Essential but I want to:-

remove :

1. Sidebar
2. Header
3. Navbar
4. Footer
5. Menu

with thier styles, scripts and meta

kEEP:

1. Post
2. Post Content
3. Static Page

with their styles, scripts and meta

I tried more but I could not. this is the template I am talking about I insert URL because I could not insert full xml code here

1. https://basbabbas.blogspot.com/
2. Template here https://pastebin.com/md59EaXj

if you not understand my question tell me and will explain. but as I said above I want every thing in this template remove except pot post content and static page with their style .

I've been having trouble using vue's v-show to show/hide 2 hubspot form, one at a time depending on the current website locale/language(using vue i18n). The navbar is responsible for changing between languages.

Right now both are always showing, or none of them shows.

I came to a point where I decided to install vuex to try to solve the issue, but no success.

Any thoughts?

The vue component with both forms, one in each div and the JS that generates the hubspot forms:

Here in the first case, I have made the navbar class inactive by commenting it out in vs code.

The result in the live server is as follows

Now I made the navbar class active and the position is set, relative

Now the results are as follows

The background color fits the size of the navigation bar.

I am not getting what is actually happening when the position of the navbar is set as relative. How is the background color fits in the second case?

Here is the snippet for case 1: