home-container | Containerize your home directory | Continuous Deployment library

I created an app with rail6 and bootstrap 4. The problem i have is that my website doesn't take up the whole screen. There is a lot of white space on the top and the sides. I don't know how to fix this. A live version of the website can be viewed here https://first-blog-001.herokuapp.com/. You will immediately of what I'm talking about.

Here is my html

I just got my hosting, I uploaded the files from my localhost server, exported the local database and uploaded it to the hosting service. I then created a user with all permissions allowed.

The problem is that when I enter the website the PHP files doing the queries give an Internal server error (500).

I have checked the connection to the database and the version of the PHP with the following code:

I am trying to make a page transition occurs with vanilla JS and CSS. I have a class that I wish to add to my element when the 'collection' button is clicked. I have a function where I delay the link redirection by using prevent default, adding a CSS animated class, and then setting a new window location after a delay of 4 seconds. However currently when I click on collections, nothing happens, although when I hover over the text, the link preview is correct. I'm using animate.css's built-in animation which just requires you to link its stylesheet in the head tag and add the animation class to the element.

HTML -

This is my ejs file(_post.ejs):

I'm building a drag and drop application using React and I'm following this tutorial: https://jsfiddle.net/xv5mu40h/8/.

However, when I try it on my end, I get this error message: TypeError: Cannot read property 'cloneNode' of null, talking specifically about this line of code: const nodeCopy = document.getElementById(data).cloneNode(true);.

I've console logged what data is before this line of code and it appears that data is null when I try to drag and drop any of the objects (which I call rewards in this case). Any help is appreciated!

NOTE: I've taken out as much of the irrelevant code as possible; for more focus points, I believe that the problem lies in the dragging/dropping function (not in any of the lifecycle methods or the unique identifier method).

I just started learning to react, react-component and router. I able to make route on parent component but here is a scenario where I got stuck Please help.

https://prnt.sc/rkzbrp

As you can see in the image, there are three sections, Header, Sidebar and white space. In the sidebar, all the links are of component, on which I already made route. What I want is when someone clicks on the 'Profile' profile component get loaded in white space. The same thing happens when some one-click 'Deals'.

My Router

In WordPress, I am trying to use jQuery to grab a dynamic title from a WPQuery based on its post_id. I am then using jQuery to make the mouse display and follow the post's title based on a hover function targeting a dynamic div based on the post_id. Finally, I'm using a circle function to make the title rotate around the mouse.

I've got it working but it is quite buggy. When I didn't have the script inside of the loop it only ever identified the last posts title on the page. I'll add my code below. It feels as though the jQuery functions are looping and it is not acting as how it should. The title changes when the mouse enters into a new div, however, the circle seems to increase in size and feels buggy. It worked fine for a targeted div when not in the loop. It is just when inside the loop it might be looping. My understanding of jQuery with WP is not where it should be, so possibly somebody will notice something straight away. Thanks.

As it works now. The circular title seems to jump up and down in radius and the .circle css does not make it spin around. The css is least of my worry, however. Thanks again.

I'm working on a css grid where the template is as follows: