I'd like to create a speech bubble using pure CSS. There's a few requirements I have: It must scale with either the content + some padding or a preffered size. It's background color should be semi-transparent. You should be able…
I'm using Bootstrap and custom CSS to design a navbar that keeps the shopping cart icon on the right side of the bar on both desktop and mobile. No matter how I order the elements, I can't seem to do…
I don't know why the HTML document doesn't update with the CSS properties <!DOCTYPE html> <html lang="es"> <head> <title>Quen Somos?</title> <link rel="stylesheet" type="text/css"href="./quen-somos.css"> <link rel="icon" type="image/x-icon" href="../IMAXES/Estrela.png"> <meta name="keywords" content="Erguer, Galiza, organización estudantil, ANC, 2016, sindicato de estudantes"> <meta charset="Utf-8">…
In my code, I use css which sets the HTML font-size property to different percentages according to the screen width so any rem values are changed accordingly but now my font sizes are all messed up I've tried using css…
I am working on a website with the structure as shown in this codepen. Modal-test . In codepen, there doesn't seem to be any issue when i open the Chrome devtools and toggle device toolbar to see how the website…
How do I style an HTML text field without affecting the other text fields in my code? I have my text fields in a Class named "Command", which I have attempted to style with CSS. However, this styling is applied…
I want to make a focused button lose its focus after being clicked again. To illustrate, I want to click at the red button and it will become blue, then click again on it and it become red again. import…
there is this logo, from Mccan Design enter image description here and is somehow inverted, and I'm trying to copy the style but I'm new at this and not sure what to do. I've created the logo in Illustrator and…
I'm trying to make a 2x2 flexbox container for my webpage that'll hold images and links to other parts of my website. I made the container, but I can't seem to get the container to move no matter what I…
I'm working on creating a responsive grid layout using CSS Grid, where I have a series of grid items displayed in a grid container. I'm using grid-template-columns: repeat(3, minmax(100px, 1fr)); to automatically adjust the number of columns based on available…