I fixed it, thanks for trying. The problem was the translate and transform. I replaced it with z-index and ran javascript to find the center. Check it out, always room to improve It does not work on stack-over flow emulator…
i am using a controller popup launching like this async openNwInsights(){ const modal = await this.modalCtl.create({ component: ExplainNetworthComponent }) modal.present(); const { data, role } = await modal.onWillDismiss(); } the HTML for this component is like this <ion-header> <ion-toolbar> <ion-buttons…
This is my first coding project, and it's a very small quiz that I'm working on with freeCodeCamp. The goal is to create a survey, and in my efforts to stylize my HTML with CSS, I can't for the life…
I'm using summary/details html gadget for show a series of events. Here is a simplified code (removed all rails/erb logic) .eventscreen { display: flex; flex-direction: column; width: 100%; margin: 1em; padding: 1em; gap: 1em; details { justify-self: center; table {…
I'm new to html and css (self taught) I'm trying to use a simple grid system with a side bar + content. So for the side bar I want link to internal pages to change the content, I'm making a…
I want to change the Value of <p> tag "text" when the page resize (shrink or grow). <div className='flex sm:bg-red-500/40 after:sm:content-["I am sm Size"]'> This is a Test </div> However, when I resize the page, it doesn't work.
Background: I was trying to do some custom styling for my select element by changing the color and arrow example: <select :id="'select' + index" class="w-full px-4 py-2 pr-8 bg-theme text-white rounded-md hover:bg-theme/50 appearance-none" @focus="dropdownOpen = true" @blur="dropdownOpen = false"> <option…
How do I convert the dimensions of a playing card (2.5 inches x 3.5 inches) to pixels? How do I do that? My resolution screen size is: 1280 x 720. I’m not using it on mobile. I just want to…
I have a box that I want to blink. it should blink indefinitely (infinite) it blinks to white and returns to the initial color there should be a "pause" between each loop (color stays the same) css only, no js…
I'm looking for a way to determine if an element is scrollable in given direction. That is, if I can call Element.scrollBy to scroll it. I've searched around extensively and ended up with: /** * Whether the element can be…