Hi! Very new to frontend, why does this happen?
I am building a website for my own business, but one of my card's text is overflowing.
My first (and only) idea was to use display:flex and flex-wrap:wrap, but it did not solve my problem.
Can someone help me?...
how to modify the slope in svg shape
I have created one svg shape. i want the slope start from middle. I tried. But i dont know how to make it. Can anyone please help me.
```
<svg xmlns="http://www.w3.org/2000/svg" fill="none">
<g filter="url(#filter0_b_1_2556)">
<path...
API_KEY Problem
I am making a chat bot with ChatGpt, but i am getting an error where it tells me that i did not provide an API KEY but i did, i cant seem to find a solution or where did i go wrong in my code, so anything helps, thank you
Overflow: hidden Issue
Hi all,
Having an issue with overflow, or the best way to code this. I have a simple button that will copy my email address via javascript. on clicking the button I have a 'copied email' message slide up, but the overflow is cutting off the hover shadow and shadow of the pop up. Is this is easy fix? Any help appreicated, codepen is below
https://codepen.io/lewiselliottmorgan/pen/XWLWJbR...
content scaling in proportion no matter the screen size
Hey, i've noticed that on some websites (this one in particular https://piccalil.li/), that even though text ("Most popular this month" for this example) and elements (the cards for this example) have a minimum size set with
clamp, they still scale below their limit and keep everything in proportion even on extremely minuscule screen sizes like 180px. I don't quite understand how this is achieved. I've used exactly the same code as the website for this example and still can't replicate it. As you can see, in my codepen and the image examples, the behavior isn't the same and instead mine overflows.
https://codepen.io/deerCabin/pen/PoroYLO
i'd really appreciate some insight, thank you in advance....
box-shadow blur causes gap around fixed header element
Got a weird issue. Have a fixed header, and apply a box shadow on the bottom of it. If I use blur (as one would) on the shadow, a tiny gap appears around the header, through which scrolling elements behind the header become visible. It's kind of visible at the top and left of the attached screenshots. Bit of an issue when adding a dropdown menu below the header.
```css
.page_header {
z-index: var(--z-index-header);...
Input design method
Hey, if you had an input design like the example in the image, would this be the sort of way you'd go about it, or is there an easier/more semantic solution? Perhaps anything unecessary i've included?
https://codepen.io/deerCabin/pen/NWZKoyy
I'd appreciate any tips, thanks in advance....
