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...
Svelte - VS Code initial files with Vite, what is what?
Making sure I don't make the same mistakes I made with my React projects 🤣
1) are all component files being held in ./src/lib?
2) App.svelte, is this the equivalent to app.jsx in React? so the main file where I import all components to build the app, and then push this file into main.js?...
Html code on language translation is breaking
I have one html email created, when i translate the email from english to different language complete look of the html email is messed up. anyone know how to fix it
screen shot attached.
I can forward that email when we click on translate it breaks. (happen in google chrome gmail) web browswer also in mobile app same happens...
Vertical squishing of elements even with overflow-y: scroll
The container where my elements sit has the property overflow-y set to scroll, but even with that, when I add more elements in it, they get squished vertically a bit. How come?
Fixing card width
Hey, I don't understand how to make my cards width fit the content instead of being so large. Tbh I don't even know why they are being that fixed width. In the computed data of the devs tools it doesn't redirect me to any declared property (there isn't the right arrow) beside the value of the width.
I mean sure I can hard code the width of the card but I was searching for a way to make it fit the content inside automatically...
