normalize.css | A modern alternative to CSS resets | Style Language library

I made this small program where a user types a description and then types a URL and once he clicks the upload button it starts to populate them under their respective headers. Once these headers are populated I want the user to be able to delete one or more of them if he doesn't like it by adding some sort of delete button next to populated results under URL which will delete both what's under description and URL one line at a time. This button will automatically be populated for each line when the user clicks the upload button. I know the styling isn't the greatest but these 2 headers (DESCRIPTION & URL) will be next to each other. I will style it later once I figure out how to delete.

Now the value in my database is just "Array". Because, well it is an array. It can see whether I checked at least one thing, or no things at all. If I don't check any checkboxes it returns nothing, if I check at least one thing it returns "Array".

I haven't worked with PHP before, and we didn't get any classes about this, but after a few days of trying I couldn't figure it out.

I'm creating a simple To Do list that allows user to add and remove items. Everything works exactly how I want it to....EXCEPT.... my background images on two main columns no longer appear when user adds enough items to cause page to start scrolling. I though background-image repeat would work, but it doesn't.

HTML ----------------------------------------------------------------------------

The problem I am having is that the map is not showing up at all, there is a blank spot where the map is meant to be. I have followed Leaflet's quick-start guide and I still have yet to determine why my map does not show.

Below is the code I have so far:

I am making a form and the client wants the input box to change once clicked and the client wants that change to stay once it has been filled and they have moved to the next input box. Is there anyway to do this? Preferably with only HTML & CSS rather than incorporating any JS. If incorporating JS is absolutely necessary I would not mind that and we can definitely do that.

I can attach the code if it is necessary. I am just wondering if there is a way to maintain the state once you move to no state.

pic 1 is how the form looks empty. pic 2 is how it looks when the form is filled and how the client wants the input box to look after you have left the input box to the next one. pic 3 is how it looks when you leave the input box to the next one.

here is the code:

My project is missing it's node_modules dir. I've tried running npm install, but it fails like this:

I am trying to setup my new project using VMware Clarity and Angular. I see the new documentation that suggest to use @cds/* libraries instead of angular libraries. This seems interesting and I liked it as in future its possible to replace Angular with any other framework.

Now to setup my project, I first created a new angular project using angular version 12+ and then followed instructions here to add Clarity to it:

https://clarity.design/get-started/developing/#installation

1. npm install @cds/core @cds/city --save
2. Added below lines to my styles.scss file:

On my app when opened on some mobile phones, due to the virtual keyboard, the screen of the window gets too small, so two elements are blocking the text input, so the user can't see what he is typing.

Is there a way, to delete these two elements while preserving the animation? I tried display: none, but that disabled the animated transition, and opacity: 0, which interact with the touch of the user, that worked with the second one though, but the first one is still a problem.

EDIT: Here is minimal reproducible code for it.