I'm new to making websites and so found a template to use as a reference for my own personal website, so far I am working with the buttons trying to remove the border so it is a text button instead…
I need the colored squares to be aligned vertically, I have no idea how to do that. I'm using "div" to align them into columns, but they're not straight. Is there a way to fix this? Do I need to…
TL/DR: where can I download the woff/woff2 variable font file from Google so we can host it on our server. I am trying to update several google fonts from older versions to variable font files. Our client wants us to…
I am a beginner to CSS and I see a strange problem. I want to add top and bottom padding to my footer. I can of course use the padding-top and padding-bottom separately but I would like to use the…
I have created a simple website using HTML, CSS, and PHP. When I open the .html file directly in my browser, everything works perfectly. However, when I try to load the same website on my local server (i.e. XAMPP), it…
The Problem There is default spacing between my edit and delete buttons in the HTML. However, when I append a new list item with JavaScript that has the same exact structure and class names, there is no spacing between these…
Currently, I have issues with trying to center the image horizontally and body { margin: 0; padding: 0 } .top-navigation-bar { background-color: #5B9BD5; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);…
Can I use the CSS calc function to subtract a percentage from a percentage? Example: margin-left:calc(100% - 14%); This is what I tried calc(100% - (6 * 12%)). I have 6 boxes with with being 12% of the container they…
i want to add a hamburger menu and its functionalities for the navbar of my portfolio. after hitting a mobile point (e.g. 360px) this is my nav section- <header> <nav> <div class="logo"> <span><a href="#home">Aditya.</a></span> </div> <ul> <li><a href="#about">About</a></li> <li><a href="#projects">Projects</a></li>…
I have a react project where I use tailwind. I have an index.css file that I am importing at the root of my project. The index.css file looks like this: @import "tailwindcss/base"; @import "@navikt/ds-css"; @import "@navikt/ui-common/styles/index.css"; @import "tailwindcss/components"; @import "tailwindcss/utilities";…