Keep element in viewport up until a certain point
I'm currently facing a challenge i'm not so sure about how to approach and curious with what kind of solution some of you smart people over here come up with. Basically I have a page with multiple sections and one of those sections has an image with some text next to it. When I scroll down further, I want the image to follow the viewport, until the text from the next section arrives next to the image. Then, when I scroll down even further, the image should leave the viewport together with the te...
Section html css
Hi guys, I would like to know how I can make this type of division between sections in HTML and CSS
Code review - Stats preview card component
Guys, I would like you to give your opinion on the best way I should have used to build this component. I struggled for two days to make something that worked, even if it was full of 'hacks'.
Github repository: https://github.com/sircarloschaves/stats-preview-card-component
Live site: https://sircarloschaves.github.io/stats-preview-card-component/...
Triggering an animation based on scroll position
Hi there,
I'm working on a website, and I've been wanting to recreate the following image. Not the design but the animation. It slightly moves left or right depending on whether you scroll up or down as you can see in both images.
I do know how to trigger things when they appear in your viewport but that's only once, this seems to be something entirely different. ...
What are the best practices for the number of srcset items for a dynamically sized image?
I have the ability using server side rendering to render as many different source images as necessary, given that the library (in this case, sharp) can render any size requested.
When is the overhead of having too many possible permutations of sizes a performance hinderance? It seems like no matter what if you are selecting only a handful of sizes, your images are not being optimally sized for every possible screen size.
I've Google searched for any kind of best practice information on this topic and have come up dry in finding any official recommendation from Google, Apple, Mozilla, or other browser makers, or any of the HTML W3C Draft docs and discussions....
Grid as a child of a flex doesn't work properly
Code: https://play.tailwindcss.com/XSMPnICSXN
As you can see the green squares are overlapping each other and the red container is overlapping them as well. What I want to achieve is something like that. I tried using
width: 100% as well but it still doesnt work...
Mobile nav bar
Hi guys i have a space between my header and navbar on small screens.
How can i make it like the picture or whats going wrong?
https://codepen.io/Boeroe/pen/xxMgrxz...
Smooth gradient
Hello guys. I was just watching one of Kevins videos and noticed a smooth gradient which he used.
How do you do so smooth gradient?...
React Card CSS Layout ( beginner )
I am not able to target the from class div in the card, the style won't change even when I change the values of the properties. I want to turn the card into what is show in the image, please help me to do so I am a beginner.
CODE: https://codepen.io/Prajwal-Nakil/pen/bGzBJrj...
