Responsive pinterest like gallery
so i need to create this and i have some what succeeded in creating it for desktop but can't seem to be able to convert this to mobile, don't wanna use extra code so can't copy it, even if i do copy it the images are not correctly resizing themselves and the alignment is off in both mobile and desktop, can anyone help me with this one?
Reference images (both desktop and mobile):
https://imgur.com/a/ZxBC3ci
...
how to add border radius for background image in div block
I have a background image with text on it. i am adding border radius for it. its working. but i see image not filling fully. I tried a lot. unable to fix this. Someone please help me with it.
CodeSandbox link: https://codesandbox.io/p/sandbox/awesome-moon-w3sldj?file=%2Fsrc%2FApp.js%3A27%2C2...
Performance Issue
How could I solve these issues?
https://github.com/hamzafrontend/bento-grid
https://hamzafrontend.github.io/bento-grid/...
Need help with this bugged dropdown
I made this navbar with dropdown menus, it works fine when the navbar is on desktop. While hitting responsive mode,
When i click the dropdown, it does work, but when I click the second dropdown, it will suddenly open the link isnide the dropdown. I dont understand why its happening. Also I am using hover class to active the dropdonw...
How do I manipulate tr > td background with only selective rows.
I am using a low code no code tool where I cant pass custom class to particular areas, I have a tr > td >span>a I want to apply background color to this row. Note that I cant pass a custom class to that particular <tr> or <td>. All of the tr > td has a span tag but only some has <a> I want to change background of all <td> under that <tr> that carries <a> tag.
Please find the attached screenshot. If more clarity is required or I missed something please let me know so I can explain further. Thanks in advance....
How do I achieve this?
I would like to know a more practical approach to this type of design. Your opinion is very much appreciated. Btw, I referring to the curve on the background (It's a hero section). Ignore the arrows...
Why my letters' stroke animation doesn't fill completely?
Hi everybody,
I just start learning to use svg and how to create some animations with them.
So I'm trying here: https://codepen.io/valerio-fluo/pen/gONZmJm , to animate some text. This is an attempt to recreate an handwriting feel. Since I see that the only thing we can near that is to animate strokes, I'm using very thick strokes so they cover the filling of the letters (Sorry if it's not very clear, english isn't my mother's tongue).
But as you can see, the strokes don't write themselves completely....
Help with React project
Hi I don't know if anyone could help but I have started a project in react js and next js and I downloaded some apps from exaple Mui and I need icons and buttons from mui but when I downloaded I kept getting like 2 items errors out of 2000 downloaded packages or something like that and I tried to ask chatgpt what to do but chatgpt just keeps repeating itself and telling me to : npm force - or npm audit and I did both two but it doesn't help. I guess there is a problem with my json file but I don't know what it could be and I was wondering if maybe someone here would have an idea?
“My import Button from '@mui/material/Button';” is kind of greyed out...
Transition on modal.close()
Trying to createa fade out() on my modal when it closes, so that it doesn't just blink out of existence. (the closing is a function as I have multiple dialogs so being able to just call a function is more straightforward and easy to read)
Using animation doesn't seem to work, I had put an animation in multiple manners, first I tried
modal[close], then I tried to just add a class having an animation .close
While also putting the closing in a timeout setTimeOut(closing, 4000)to ensure it would have time to run, didn't seem to work
then I read online that it should be with transition, but I can't get transition to work properly for some reason ... I am probably doing it wrong...