I want to darken my banner background images
The problem is when I set the "filter: brightness(50%)" value, my banner title also got 50% brightness which I don't want to. I tried to change the title's brightness back to 100%, but it doesn't really work. I will attach 2 pictures of the code, and there is the link for the site:
https://lovely-swan-09f5fa.netlify.app/...
how to make a bottom-to-top scrollbar?
hi, i'm trying to practice creating a messaging app. here, the app has a top-to-bottom scrollbar.
i'm trying to have it as a bottom-to-top scrollbar like conventional messengers out there (discord, whatsapp, ...etc). how is that possible?
resourcing to an external link so i can have a further read on it is also appreciated, thanks!...
Not able to maintain aspect ratio of image in small screens
My images are shrinking in mobile view. I want to maintain aspect ratio of image in small screens just like the given picture. Can anybody help me with this. Here is the code pen - https://codepen.io/adarsh88/pen/xxJZZrM
Chakra UI import error
Help! I just installed Chakra UI in my Next Project and its throwing an error:
There are so many issues on this project. can someone guide me
1. not being responsive
2. image being oversized, reduced with but it doesnt fit the border on that div. tried object-fit to contain, no changes
in general not a single thing is working apart from header section
...
unable to divide the section into equal 4parts using grid
parent container code
.weather-forecast-today{
border: 2px solid blue;
display: grid;...
Add a circle to a CircleProgress component
Hi there, I'm looking to create something similar to this component from Apple's website (picture below) but there's one part that I'm not sure how it can be achieved: the tip of the progress indicator has a circle/ball inside it with a 3px white border, how can that be replicated with React/CSS?
https://codesandbox.io/s/base-react-circular-progressbar-examples-forked-um3bev?file=/index.js...
