odin | Framework and base theme for development with WordPress | Content Management System library

I am trying to complete the Odin Project's "Sign-Up Form" but I am having trouble with layering the text over the image.

If I use position:absolute; the text does not respect the container's width.

If I use position:relative; I get a white background under the text.

I am in dire need of guidance.

Thank you.

I want to Show the field in UnityInspector based on specific enum field.

Lets say this is the enum class

I'm going through the Odin Project and the Ruby on Rails.org guides and still can't figure out how to make a link that updates a boolean from true to false. I'm seriously going insane over this.

I want to make a webpage that everyone puts in their name and it assigns each person a role in the game (like Innocent/Traitor roles in games like One night werewolf/ spyfall / trouble in terrorist town). Each player has a boolean called alive that stores if they are still in the game.

I'm still testing and learning stuff so right now I just want to add a link that when you click it, it changes that player's alive status from true to false. Way simpler than anything I've been able to find people asking about anywhere online. Here's my repo: https://github.com/esimunds/nerf_app

I just have a Player model, players controller, and player related views. The link in question is the last link in the index.html.erb view.

CodePen

I am doing the Odin Project course. I'm on the flex box section and a little confused. I am not sure what I am doing wrong with aligning along the cross axis in Flex, left to right.

So in the code, I need the "one two three" and "four five six" to be centered on the cross access.

I tried align-content/items, though I think I am suppose to be using items. I have tried center, flex-start / flex-end to see if it moves, it does not move on the cross at all.

I have googled quite a bit, trying for about an hour while I am working to try different things. Nothing seems to work. I was having trouble spacing them, however I was able to fix that and the margin to get them off the sides.

My assumption; I think I might be missing something about height? Does the container not have enough positive space to move around in? Is it so tight vertically that I AM centering but do not see it as the top and bottom are against the content / links as I took away padding and margin?

The empty space (you'll see when you put in the code) is where the cards should be stacked in a column like orientation like this

I am trying to fill that white space with the cards in that fashion but the sidebar keeps pushing it down and I've tried merging them and creating different divs to separate but no matter what it stays below and I do not know why.

first time posting, basically doing the Odin project Exercise 04 - removeFromArray excercise:

https://github.com/TheOdinProject/javascript-exercises/tree/main/04_removeFromArray

I have got the first test to pass, however, i have no idea on how to write the program to deal with multiple optional arguments. I know i need to use the ...arg, but do not really understand how to start or what to do, or the general construction of the function, please can someone help me to understand how to go about this? Below is a very poor attempt by me which doesnt work (not even sure if my logic is correct to get the desired output):

I am totally stuck.

I am working on the Library project from The Odin Project's JavaScript course, and I am trying to use localStorage so that the user can save their "library" to, well, their local storage.

I've never been able to 100% successfully use localStorage before. It seems simple enough, but for some reason, there was some kind of block in my brain about how to utilize it correctly. This time, however, I was able to get my program to be able to 1) save the user's data (via a button click), 2) load it correctly into the individual "cards" on the page, and 3) delete the entire storage (via another button click). I am extremely excited about this... it feels so good to not know how to do something and then get it to work.

The one thing that has me totally confused is being able to delete a unique item from the localStorage array. When you click the "New Book" button on my page, a modal comes up, and you're required to enter a book's title, author, # of pages, and whether or not you have read it. There's also an option to set the background color. Clicking Submit will then generate a "card" with the book's information on it.

Each card has an X button in the corner. When the X button is clicked, the card is deleted from the page. I want it so that it (meaning that card's book's object) is also deleted from the local storage array (preferably without the user having to press the "Save to local storage" button again, although it isn't a dealbreaker).

Each time the user creates a new book, the book's details are saved as an object into an array called libraryBooks (which I then stringify so I can use localStorage). From my understanding, in order to be able to delete individual parts of the array, I need to use code that is something like this:

I'm quite new to coding. I'm coding an Etch-a-sketch (via the Odin Project). Basically, it consists of a grid, which when hovered over, the boxes of the grid will change to a random color. (the container is supposed to keep the same dimensions) Upon loading the page, it starts with a basic grid of 16x16 boxes.

The user also has the option to create a custom grid (for example, if the user enters 50, the container will be filled with 50x50 boxes, with their height and width adapted to fill the container)

I seem to be stuck at this stage, when the button is clicked and you enter an amount of boxes, the grid will update. But then, when hovering over this 'custom' grid, the box size resets to the original width/height defined in the CSS.

The boxes should keep their custom size when hovered over. (and when the color is changed)

Below a codepen which will show the issue clearly, (enter a custom grid size(max 100 for performance) and hit enter).

Codepen here with the full HTML/CSS/JS + example: Codepen

I am trying to make Rock, Paper, Scissors via The Odin Project, and I'm stuck in the last step. I don't seem to have trouble getting the prompt to work, just can't seem to either tally up points, or I'm having trouble ending the game when either the player or computer gets to 5 points. I did include some console.logs at the bottom, but I'm unable to actually see the score due to the endless prompts. What am I doing wrong? I just need the game to end when either the player or computer gets to 5 points.