I have created a responsive UI page on bootstrap. I have a responsive image on the left side and text on the right side of the same section. Right now I can see the image on the desktop but not…
I am looking to support someone doing a web contest. They want to add a QR code in an email that links to a PDF hosted on a website. However they are looking to have two versions of a PDF…
I have this simple code for replicate this weird behavior that i can't understand how to solve, when i just click inside the input element the text in the paragraph becomes darker, it seems like it loses some opacity. Focus…
I have a form where I am trying to set up a dropdown menu below an input field. My issue is that I can't get the dropdown menu to be the same width as the input field above it. If…
I have a row of four images displayed next to each other, and I want to show text beneath each image when hovered over. The text should remain hidden until hover and should not affect the content's width. However, when…
I developed an HTML code and I intend to display the text related to each link with a fade-in animation when the link is clicked. In this code, I have a card with two columns. The first column contains 5…
I'm trying to display the e-mail address followed by an envelop icon placed from font awesome. However, the e-mail address is displayed all in UPPERCASE letters while I have not given such specific instruction. To rectify this, I addressed all…
I take a photo of sunset and I like such gredient effects from sky to highlight sunset, is there any way to simulate such effect using css? I want to erase those buildings then use it as my webpage background.…
I want to obtain blinking dots one after one in one direction and then blinking have to go back, and all have to happen in the loop. I have created CSS code with Javascript according to first five dots. What…
I would like some full sized slanted stripes on the page; that's all. This is what I did so far: html, body { overflow-x: hidden; margin: 0; padding: 0; } body { display: flex; margin: 0; padding: 0; } .flag-strip…