Link to the video : https://youtu.be/JDUs6LpEU5k

I’m using CSS and JSON a lot these days, I need new ways to manage all my stuff without needing to change all my files from scratch each time… Any AI software maintenance tools worth using out there? Thanks! :)

https://www.youtube.com/watch?v=1QoNuri_Wes&ab_channel=NaturalFrontend

Please check it out and tell me what you think. Thanks.

https://www.youtube.com/watch?v=6F3BthSbZyY&ab_channel=NaturalFrontend

Hi All,

I am trying to get the box to sit right in the middle of the page so it is in equal distance from top, left, right and bottom.

I applied margin: 0 auto; but it still sits too close to the top of the screen.

Please help?

Hey everyone, i'm going to attach an image so you can get a better idea of what i'm trying to build.

just not sure where to start, or what the thing i'm trying to build is even called. i found carousels, but that's not what i'm looking for.

any help would be appreciated.

Thank you all very much, the Lord be with you and save you all, your families and friends 😁 ❤️

Can we make a hand coloring in css like in the picture, if yes, how we can do this?

Any help, please.

Thank you in advance.

Hi All,

I cannot understand why I can’t get this to work.

I have a simple border with a heading at the top, then below I want to have an input button for email input and to the right of that a submit button, the a clear list button.

The heading is centred but I cannot get the below elements to center below it.

Please see the code below and would someone mind helping me understand why they aren’t centered? And most of all how to do it?

HTML -

<div class="border"> <h1 class="to-do">To-Do List</h1> <input class="input"><button class="submit">Submit</button><button class="clear">Clear List</button></input> </div>

CSS -

.border { width: 60vw; height: 30vh; border-radius: 25px; border: 2px solid black;

}

.to-do { text-align: center; }

.input { margin: auto; width: 40%; padding: 10px;

}

.submit, .clear { width: 20%; }

idk why or how - it doesn't have border radius or anything - all I did was put it into a css grid.

My stylesheet doesn't work without important tag, because I am applying this to some another website using chrome-extension.

My css file is pretty long, is there something that does one time declaration that this whole stylesheet is important, so I don't have to write important in each line.

body {
    color: blue !important; 
}

.custom-scrollbar::-webkit-scrollbar {
	width: 20px !important;
	background-color: red !important;
	color: cyan !important;
}

#target {
    color: blue !important;
}

I've added some text to an unordered list however it starts too far off to the right from the bullet. I was wondering how I can reduce this distance.

EDIT: I did it by using the bootstrap grid system which I learned from this short video:Bootstrap 5 Grid System Tutorial - YouTube

Hello friends,

I am a back-end dev trying to figure out this front-end stuff. :) I am using bootstrap and have tried so many things to get the Welcome message jumbotron to appear to the right of the sidebar.

At this point, it's time to ask for help because I'm just throwing stuff at the wall to see what sticks.

Thanks so much! I have the HTML linked in codepen below

please note the in-line style on the sidebar:

height: calc(100vh - 50px);

I am not attached to anything in this code, I just need a sidebar on the left that fills the view and responsive content on the right.

https://codepen.io/se7ensquared/pen/xxYJPrG

Thank you so much! :)

Please, I have a question about bootstrap4-rtl. Could anyone tell me how to compile the scss folder to get a working CSS file?

Thank you in advance.

It seems like if I put it in the <div > tag it shrinks slightly, can anyone explain why there is a difference?

I've tried to make a <nav> bar with not much success. I would like to space each of the three words "Main Page", "About Me" and Bibliography apart with each of them being in the left, center, and right respectively.

I'd also like to change the text of them so that they're white. Here is a sample of what it looks like now and my code below:

<!DOCTYPE html>
<html>
<head>	
	<style>
	 h1 {
		  text-align: center;
		}
	 
	 h4 {
		  color: #00008B;
		  font-size: 2em;
		}

	 h5 {
		  text-align: center;
		}

	body {
		   background-color: #FAFAFA;
         }

 .navigation {
		   color: #ffffff;
		   list-style-position: 
		   box-sizing: border-box;
		   margin-left: 0;
		   padding: 0;
		   background-color: #000000; 
		   
	     }


.middle {
		   display: block;
		   margin-left: auto;
		   margin-right: auto;
		   width: 50%
        }

 .footer {
		   color: #0000FF;
		}

    </style>
</head>
<body>
       <h1>Main Page</h1>
	   <h5>Osirin bin Osiris</h5>

		<nav>
		<p class="navigation"> 
          <a class="main" href="index.html">Main Page</a>
          <a class="about" href="about.html">About Me</a>
		  <a class="biblio" href="bibliography.html">Bibliography</a>
		<p>
		</nav>

	<h4>History of the Internet</h4>

	<img src="ARPAnet.png" alt="ARPAnet diagram" length="607" width="490" class="middle">

	<p> The modern day internet arose from the intranet developed by the U.S. military in 1969 (known as ARPAnet). Arpanet connected university computers across the country. It was restricted to sharing research material and was difficult to use.
Despite this, it was the essential foundation for the modern day internet that spans the globe. It’s important to note that the world wide web is not the same thing as the internet. The world wide web is a subset of the internet. It’s a collection of webpages containing images, videos, text, and sounds that are accessed using the http protocol. The best analogy to explain this difference would be to imagine a highway. The internet can be likened to a major highway and the world wide web are passenger car. There are many passenger cars that pass on the highway however; the highway contains more than just cars. It has trucks and vans travelling for business. In the same way, the internet isn’t just used by individuals but also governments, businesses and even satellites communicating with each other using different protocols.
   </p>

	<h4>How a page is delivered</h4>
	<p> There are many things that need to work in order to bring a webpage to a device. These are: 
		<ul> 
		  <li> Internet connection </li>
		  <li> Web browser </li>
		  <li> Server </li>
	    </ul> 
	<br>

When a person types in a web address, the operating system connects to a domain name server which will send back the I.P address that matches the text address to the user’s device. As the webpage appears, the user then interacts with the site by sending and receiving requests (i.e. clicking buttons, typing words, looking up images). 
   
   <br><br>

Information does not get communicated through the internet as it appears on a website. Instead, the browser breaks down texts, words, and images into small packets of information which are then sent from a computer/smartphone to the router, to a web server and then down fibre optic cables across the globe.
	</p>

<footer>	
<p class="footer"><b> </b></p>
</footer>

</body>
</html>