How can I center this box I created?
Hey there Im working on a project and I wanted to center this container (White Box) how would I go about this correctly? Ignore the "My Portfolio" This isn't actually mine thats just a button to redirect the user to my portfolio
Need help with my image and linear gradient property
How Would I get my image to remain solid white but the background remain the color its supposed to be without fading the image color. If you look at my copy of the challenge design my image fades with the background, but on the challenge itself the image remains solid and is not affected by the background color
Vite integration on pre-existing react project.. 404 but dev server running
This is the existing project: https://github.com/nnall/CRUDApps/tree/main/signup
Because the backend is already set up in my current project, I'm reluctant to scrap it and use
npm create vite@latest to create a whole new react project through the vite command.
I merely want to integrate it, like an npm package, and run the vite server as my dev server, which I appear to be doing (see pic) according to the terminal output when I run this script: "start": "npx vite",....
Parent container with overflow not changing height based on child elements
Hello, im trying to make a slider with 4 divs that changes between them. Inside of these divs there are 4 other divs which should contain an image and some text. I managed to do the script and to change them between them.
But i have a problem with overflow, the main container doesn't change it's height in anyway. I want it to change its height responsive to the child elements and remove the Y scroll. I tryed to use overflow-x and overflow-y auto but nothing. Maybe if i put some screenshoots it will be easier to understand. Only way to change its height is if i expresively write it. If i remove the height it should nothing. How does this annoy me? I want to use it on a homepage as a last uploaded products that shows the last 16 products. I could put a bigger height, but depending on the title text from the database it may overflow or look bad....
Dipslay issue
Hi team,
i want to center logo but i get the below error
The browser says: The display: block property prevents align-items from having an effect. Try setting display to something other than block
if you have any solution for this issue...
How can I reproduce this design (frontendmentor.io)
Hello, I'm doing a frontendmentor's challenge, and I have difficulties with the circle in the background. I have the full circle as a svg, I've tried to place it as a background-image and position it with background-position but it's not really responsive. Does anyone has an idea ?
react.js + mapbox directions api integration
how to give hardcoded start and end locations and get directions ???
How to remove this empty space on right side that comes on scrolling the page up.
I have built this UI clone of X(twitter) by using HTML, CSS and Tailwind CSS.
Here is the link to my website : https://tranquilityseeker-gautam.github.io/X-previously-Twitter_clone/
To view the site : click on details and then click on this unsafe site. I don't know why my browser is displaying my site as dangerous, I am just trying to create a UI clone of twitter homepage.
here are my html and css files : https://github.com/TranquilitySeeker-Gautam/X-previously-Twitter_clone
index.html and input. css ...
