Why my Grid row is not shrinking?
When the viewport width is less than 1480px the Grid layout starts to shrink but the first row's height is not changing. Why is this happening?
`` .card-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);...
What might be the best way to create this?
I need to create this container and it should be responsive. When someone hover there should be a little movement in the pictures. Any suggestion how to create this thing. If you can even refer some resources that would be awesome.
How to add content below centered div
The red part of the image is an element centered to the screen with flex, but I also want to add some content below that, without affecting its position. How can I do that?
How to trace this vector for responsive layout.
I made a simple vector using subtract in figma. I want this to be responsive.
How do i approach this....
Turning rating (number) into rating stars
Hello, let's say I have some testimonials and each testimonial has it's rating, (e.g. 3.5, 4, 2.5 etc.). So what I'm trying to build is if the rating is 3.5 for example it should display 3 full stars, one half star, and one empty star.
Just to give you a better example of what I'm trying to build, I have two testimonials, one has rating of 4, and other one has rating of 4.5, so this is how they should display:
If you'd like to play with it: https://codesandbox.io/s/ratings-zhlnhx?file=/src/App.js...
