Problem with the webpage(white space)

My webpage contains some white space around the right side of my webpage , can anyone help me to fix that, pls
codepen link:

Check this class:

.sub-page-head {
    width: 50%;
    height: 50%;
    position: relative;
    //border: 2px solid black;
    text-align: center;
    font-size: 150px;
    padding: 80px;
    color: position: absolute;
    left: 650px;
    top: 100px;

When your screen is not wide enough it will overflow, try to comment out the left: 650px; declaration and see what happens.

1 Like

Thank u @steven_kuipers it worked , but how can i assign text to right side , is there any alternative solution,

IS there any code to remove that???
something like overflow???

You can play around with margin-left: auto;
I forked your pen to give you an example.