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...
Container query not working in VS Code?
Hi!
Why am I getting the yellow line underneath
container-type in the css file in VS Code?...
Style class being applied to element classList, but is being overridden by element's initial styling
My site, at full desktop size (after 1300px), will have :hover and :active stylings applied to my nav "buttons" (just <a> tags), which will give the buttons a simple 3D shadow look when hovered and clicked. When they're hovered, the buttons move slightly, and when clicked on, they move again to look like they're being pressed down, using a slight margin change and resizing of the box-shadow.
I want to have this desktop effect somewhat emulated for mobile nav. So, in lieu of :hover and :active, for mobile I've added event listeners to the nav buttons (only applied pre-1300px of course) listening for "touchstart" and "touchend" events. touchstart (finger pressdown) adds the style class emulating the effect (.mobileClickEffect), and touchend (lifting finger) takes the class away.
The .mobileClickEffect class is being successfully added and taken away as I wanted, but as you can see in the picture, for my <button>s, the .mobileClickEffect stylings are nevertheless getting overridden in CSS by the <button>'s own initial styling - despite being declared later and coming last in the <button>'s classList in the html....
Help figuring out this layout!
FEM Project link: https://www.frontendmentor.io/challenges/multistep-form-YVAnSdqQBJ
How to plan out this layout? Are steps different html pages? Is the whole app a giant form? Is each step form in itself?
I would really love to know how it would work in real-world!...
Testimonial vertical infinite scrolling
Hi
I have four Testimonial cards which are side by side what
I'm trying to do is I need the top cards should go down and bottom two should be in top where it can be in circular loop for better understanding i have given a video and images as well it's like marquee vertically where both pair of cards should loop simultaneously so how can i achieve that could anyone help
Thank you in Advance 