A little help

[chelsea1124]

Hello mc-market so iv been making a quite and simple website for a friend of mine but I'm having a problem with when it's on the phone all the stuff goes to the top of the page and when on pc or laptop it stays in the middle (keep in mind I am using bootstrap) if anyone can help would be great will also show what I'm talking about below.

When on pc or laptop:

When on phone:

Also before anyone rages at me that it looks like the website that someone called smef has i used his website as a look at iv not coped any of his code or anything like that only thing I have is the same font the js and stuff is all of the google with people sharing it and iv also spoken and proved to see that it is not coped him and we are chill if need proof for you to help me then you can get some by pm me.

 

[Derciak]

Hello!

I can done this work for affordable price.

PERKS →
» Clean code (For other dev's).
» Latest modern design.
» Mobile Responsive-Friendly.

PAYMENT →
× PayPal
× BTC
× PaySafeCard

PORTFOLIO →
~ IN PROGRESS ~

CONTACT →

Discord: Derciak#3262


— Victor/Derciak

 

[chelsea1124]

Hello!

I can done this work for affordable price.

PERKS →
» Clean code (For other dev's).
» Latest modern design.
» Mobile Responsive-Friendly.

PAYMENT →
× PayPal
× BTC
× PaySafeCard

PORTFOLIO →
~ IN PROGRESS ~

CONTACT →

Discord: Derciak#3262


— Victor/Derciak

Don't think you read im a web developer my self I'm not looking for someone to do work for me I'm looking for a little help

 

[Darethz33]

I see you are using Bootstrap, here is a fix.

<div class="container">
<div class="row d-flex justify-content-center vertical-align">
<div class="col-auto"> Content Here</div>
</div>
</div>

Add the following CSS to the end of your Bootstrap.min.css file.

.vertical-align {display: flex;align-items: center;min-height: 100%;min-height: 100vh;}

You need the "min-height: 100%;" and "min-height: 100vh" because not all browsers support the vh measurement, so the 100% is a fallback.

 

[chelsea1124]

I see you are using Bootstrap, here is a fix.

<div class="container">
<div class="row d-flex justify-content-center vertical-align">
<div class="col-auto"> Content Here</div>
</div>
</div>

Add the following CSS to the end of your Bootstrap.min.css file.

.vertical-align {display: flex;align-items: center;min-height: 100%;min-height: 100vh;}

You need the "min-height: 100%;" and "min-height: 100vh" because not all browsers support the vh measurement, so the 100% is a fallback.

Boom there we go legit it was that easy to fix dam I feel stupid at times thank you.

 

[0bxx]

Hello mc-market so iv been making a quite and simple website for a friend of mine but I'm having a problem with when it's on the phone all the stuff goes to the top of the page and when on pc or laptop it stays in the middle (keep in mind I am using bootstrap) if anyone can help would be great will also show what I'm talking about below.

When on pc or laptop:

When on phone:

Also before anyone rages at me that it looks like the website that someone called smef has i used his website as a look at iv not coped any of his code or anything like that only thing I have is the same font the js and stuff is all of the google with people sharing it and iv also spoken and proved to see that it is not coped him and we are chill if need proof for you to help me then you can get some by pm me.

Looks amazing dude, Great job
Glad to see someone helped you as well

 

[Darethz33]

Boom there we go legit it was that easy to fix dam I feel stupid at times thank you.

Hey, you have to start somewhere. Asking questions isn't a bad thing, I had a lot of questions when I started with Bootstrap as well.

 

[chelsea1124]

Hey, you have to start somewhere. Asking questions isn't a bad thing, I had a lot of questions when I started with Bootstrap as well.

Have you ever made a portfolio page before?

 

[Darethz33]

Have you ever made a portfolio page before?

A few, if you need help feel free to ask!

 

[chelsea1124]

A few, if you need help feel free to ask!

you got discord?

 

[Orochimaru]

you got discord?

But he'll probably charge you kek

 

[Darethz33]

But he'll probably charge you kek

Nah, if someone is needing help learning then I'm always glad to assist them. Self-teaching is not easy, so I'm always open to help when I have free time.

you got discord?

DarethZ33#2590