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;
}
