I'm trying to achieve quite a simple effect but struggling to get something that looks good. It needs to be accessible HTML so a CSS only solution is desired. Any background color and any page color. So far I've used…
I am working on a video calling application using reactjs. LocalTile component contains video of local user and RemoteTiles is returning videos of all remote users. My desired layout is like for 3 users: ===video1=video2=== =======video3====== for 4 users: ===video1=video2===…
I am new to HTML and CSS. I was experimenting with displaying <div> -s side by side. I noticed that simply adding a div inside the body will display with unexpected margins. I tried messing about with margin, border and…
Im learning html and decided to make a mock version of a website. When I try to scroll with my mouse it wont work. It doesn't show the scroll bar either. I have read that I should change my body…
Need some help on why my links aren't positioned where they should be. Only the :first-child seems to be aligned where it should. * { margin: 0; padding: 0; } body { min-height: 100vh; background-image: url(images/bgimage.avif); background-size: cover; background-repeat: no-repeat;…
I am creating a video grid which needs to be of 4 elements, attaching similar code with images instead of videos. The grid area has to take full width is not respecting the allotted space of 1fr, so each time…
I read a lot about position: sticky in CSS. And I know, it does not work with overflow: hidden and display: flex. But I want to stick a button on top, that is positioned on the right of another element.…
I want to create a counter or numbering system in HTML and CSS, but the sub-counter isn't working properly. This is what i have done so far, im gonna make a new counter in body and then a sub-counter in…
I have been trying to get a button to look a specific way in an email template but am struggling with the width of an a tag on old Outlook (version 2405) What I want is the a element to…
After a couple hours of debugging my code, i tried removing the comment and the background-color suddenly was shown. .announcement-bar1 { background-color: blue; width: 100%; height: 100px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .announcement-text1 { display: flex;…