Grid starts to make Columns
My grid system just suddenly breaks sometimes and i cant figure out to fix it.
how to prevent scroll on ios device
Hi guys, I want to prevent scroll when I open a modal. I try to use
overflow:hidden.It works on browser and android device but It does not work on IOS device. You can take a look on the image, when I focus in the input of header and I try to scroll, it's still scrollable. I also try to use position: fixed, it works but it will be scrolled to top automactically. I also try to use JS to prevent scroll behavior but in inside my modal. There is a scrollable section, so it disables my section too. How can I handle this problem? Thank you
```js
function disableScroll() {
window.addEventListener('DOMMouseScroll', preventDefault, false);
window.addEventListener('touchmove', preventDefault, wheelOpt); ...
Creating a scalable button with text and a SVG icon
Hi everyone. I am trying to create a scalable SVG button, that changes the padding around both the text and svg, based on the font-size of the text. Usually I use the css selector below on an anchor tag to create a button that changes padding (specified in em) based on the font-size.
<a className="btn" >Vote</a>
.btn{ display: inline-block; font-size: 1.5rem; ...
<a className="btn" >Vote</a>
.btn{ display: inline-block; font-size: 1.5rem; ...
Array.toSorted() thinks 6 is higher than 49
Please know, the pic of data doesn't match up w/ title
But anyway, so I'm trying to get it to sort the groups in various ways (Currently testing phase so it's all just in the console)
Anyway, so when it comes down to the things like projects, tasks, bugs
It would for example sort it (with this javascript code) like this [ 13, 15, 21, 49, 6, 6]...
Responsive Hero Section
Hello everyone, I hope you can understand my English as it is not my first language.
So the thing is I am trying to create a hero section on my portfolio practice. I created a <div> container called hero
inside this container has a <div> that has a class of left inside it has h2 and a p element...
svg path creating space
Hey, i wanted text to fill the container it was in so i opted for an svg approach, the only problem is, the
path creates excess space around the svg (see image). I'd like the "text" to touch the edge of the container (in this case the body)
Is this a deliberate feature or perhaps something else? I'd appreciate if anyone could let me know what's causing that, thanks in advance.
https://codepen.io/deerCabin/pen/NPKxWoR...
