All Questions
509,568
questions
-1
votes
0
answers
18
views
How does browser control + f search works? If I added a search bar on my page and want to apply same logic to get highlighted words which are written [closed]
When I enter "Control + F" on a browser then there is a search bar in the bottom in which if we search any word, then all the words related to that are highlighted. So I have added a search ...
- 9
-1
votes
1
answer
17
views
Need help dividing a page into two using HTML and CSS ? - left portion of 40% with an image and right portion of 60% with texts
Similar to the attached example, I'm trying to divide a container into two - left side to be of, say, 40% and the right side to be of 60%. in the left side of 40%, I need to upload an image and the ...
-1
votes
1
answer
19
views
searching for this font animation but couldn't find
I want to implement this font animation in my project but I don't know what animation is this since I'm not a CSS master please someone can help me in that
I really appreciate any help you can provide....
0
votes
0
answers
10
views
How to properly place lines from Figma to CSS
I have 2 lines that I want to place on my website on the background. I draw an example lines on a 1920x1620 page. I want these 2 red lines to be on the background. But when I try to copy the sizes ...
- 3
0
votes
0
answers
13
views
How can I make a flexbox column with a long email value expand to fill available space without leaving empty space? [duplicate]
I have three columns using flexbox, but they are not equally spaced. The email column has a long value, so I used max-width to truncate it with an ellipsis ("..."). However, when the ...
- 53
0
votes
0
answers
10
views
Struggling to recreate a particular categories grid layout with bootstrap 5.3 [duplicate]
Hoping someone can put me on the right path. I’m trying to re-create this layout using bootstrap 5.3 but can’t seem to get the layout right, I also need it to be responsive so that on small devices ...
0
votes
3
answers
40
views
Centering entire main element
I have put some content and form inside the main element. Here is the HTML:
<main>
<h1>My main content</h1>
<form action="/action_page.php" id="form">
...
- 930
0
votes
1
answer
20
views
card slide animation not occuring on both sides
I wanted to make an animated cared slider similar to the image below for my website:
https://i.ytimg.com/vi/Xh-wIMqohD0/maxresdefault.jpg
Everything is perfectly fine and functioning properly. Except ...
- 3
1
vote
1
answer
21
views
property "color-scheme" cannot query by media "prefers-color-scheme"
I learned that "color-scheme" property can change the light dark mode of the page. And I also learned that i can style element by media query prefers-color-scheme from MDN. But actually, it ...
- 75
0
votes
0
answers
15
views
Desynchronized hover elements on touch devices
I've created a simple HTML that includes an image with a 3px white border around it and text below the image. Here is the HTML: https://jsbin.com/rofisiwoya/edit?html,output
When you hover over the ...
-2
votes
0
answers
29
views
In html, why there is a gap on the left of .div3? [duplicate]
The output is in the picture
Why there is gap?
I am just wondering why there is a gap? why the elements before .div3 are not on the top like .div3? When I enter some texts in .div3, then the elements ...
-3
votes
0
answers
13
views
I am trying to look for a better practice and convenient method to make the grid images more responsive
I have been trying to replicate a website which I found from frontendpractice I am pretty unfamiliar with css grid and instead wanted to opt for flexbox for the console display boxes, but used grid ...
-1
votes
0
answers
10
views
HTML chat form is not stable - Django site
I have a django site which has a chatapp on it. the problem is the chat-content form in the chat app is not stay in the bottom of the chat page and user should send a lot of messages to come down the ...
- 39
0
votes
2
answers
41
views
JS not opening a button as intended
I'm working on a header section in HTML and decided to learn JavaScript in this project. I'm also using TailwindCSS, with a few specifics I included in a different .css file.
I got the JS code from ...
- 1
0
votes
0
answers
17
views
How can I add a scrollbar content appearance limit?
It is somewhat peculiar to explain, but it is easy to summarize, it creates a theme content scroll bar, and even adds a button to hide that theme menu, that works very well, but since there are ...
