The horizontal scroll bar & blank space coming in the HTML-CodePudding

I want you to help me with the "horizontal scroll bar" coming in the HTML. I don't want it but it is unnecessarily coming please debug my code and please tell me the problem that is with this code. My code is hereenter image description here:- https://drive.google.com/drive/folders/16Uocf15o0XBovswjvGvLf3CRRwyIze7P?usp=sharing

Regards, Hridyansh Sati

CodePudding user response：

In your css file you use translate to center a heading which is wrong practice.
Assuming that your heading is in a div, you can center it with text-align:center;
If you want to vertically align it, you will need to use Flexbox or Grid.

To solve your problem, change your .sec2 css class to this:

.sec2{
    color: rgb(255, 0, 0);
    font-size: 80px;
    font-family: 'Nunito', sans-serif;
    text-align: center;
}

As stated, you must add your code in your question.

CodePudding user response：

Please add some CSS into your stylesheet I hope it will work.

body{
     overflow-y: scroll;
     overflow-x: hidden;
}