How do I position the main part of my html to the right of my vertical nav bar?

1

I am currently working on the technical documentation page. Ive built a vertical nav bar that i have positioned on the left of the page. How do i then position the main element and its children to the right of the nav bar? Also how do i get scrolling to operate separately on both sides?

2

The way I did it was to set the padding for your main section a couple more pixels than your navbar, and then set your navbar position to fixed.

3

You could have shared you code.
I don’t know what styles you have applied already, but on the navbar you could apply a position property with a value, fixed.
On how to position the main element on the right side of the page. There are many ways. You could, use grid display (with 2 columns, such that the nav bar takes one…), flexbox…

4

I put margin left to center a bit my main section. You can ask me if you have a question.

.container{
	margin-left: 230px;
	transition: .3s ease-in-out;
	background: white;
	margin-top: 100px;
	padding: 50px 10px 60px 50px;
	width: 67%;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
}`Preformatted text`