I need 2 div elements in my code to go down a slight bit, both of them <div class="username-and-timestamp"> <div class="username">RandomDude</div> <div class="timestamp">17 minutes ago.</div> </div> I've tried to use margin style on username-and-timestamp and also line-height, both did not…
When I try to apply this code, which works perfectly fine on its own, <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SVG Toggle Class</title> <style> .ces-smiley { cursor: pointer; transition: stroke-width 0.3s, stroke 0.3s; } .selected { stroke-width:…
I am using react-datepicker. Here, I have a calendar like this one: I have a class component and inside this class component, I have a method named renderDate() method. From the class components render method I am rendering the renderDate()…
I need to persist a hover state while animating a click. When i hover the parent div the child should translate to -10px, I need to persist that translate -10px while the parent element is clicked and do a shake…
I want to change anything that says "Contact Me" to "Contact Us". I found some examples online they require either finding the ElementID or etc. I'm stumped on how I can achieve these. Can someone point me in the right…
I am building an HTML/CSS/JS app that displays embedded TikTok posts. It's a pretty simple operation - I make an API call that returns a list of post id's, and then dynamically display the posts using the embed code provided…
So I wanted the intro class to have the oswald font but it didnt work, I also attempted to use bebas but it also didnt work, Im starting to believe that CSS only allows 2 fonts, is it true? If…
<div class="carousel"> <a class="carousel-item" href="#"> <img src="./mclaren-1.jpg" alt=""> </a> <a class="carousel-item" href="#"> <img src="./mclaren-2.jpg" alt=""> </a> <a class="carousel-item" href="#"> <img src="./mclaren-3.jpeg" alt=""> </a> <a class="carousel-item" href="#"> <img src="./mclaren-4.jpeg" alt=""> </a> <a class="carousel-item" href="#"> <img src="./mclaren-5.jpeg" alt=""> </a> </div> </div> </div>…
In the below HTML Code (I simulated my original code by my question), "helloworld" text is top of the "helloworld2" text I am trying to "helloworld" is next to "helloworld2" like this : Friendly reminder, Each text (helloworld,2,3) should inside…
I have been trying to make a page which has 3 horizontal sections, with content in the middle section that overlaps the sections above and below it. The content in the middle section is arranged using flex. I attempted to…