HTML & CSS Issues in GitHub Vs Code Pen

HTML & CSS Issues in GitHub Vs Code Pen
0

#1

Hey, I’m having a weird issue with my GitHub Pages website. It shows perfectly , here, https://codepen.io/IDCoder/full/OWbXLw/, but then when I import all my code into my GitHub page and publish the web page, here, https://mtzioncode.github.io, the top of the page doesn’t show right. Do you know why this is? Thanks in advance for your help!
This is the code for the top of my page here (from my GitHub HTML sheet at (https://github.com/MtZionCode/MtZionCode.github.io/blob/master/index.html):

 <!--Intro-->
  <div class="About-Me">
    <div class="row">
      <div class="col-md-6">
        <img src="https://s31.postimg.cc/akvxxpq57/Gebre_Mesquitta_HTML_Element_3.jpg" class="img-responsive" id="top"/>
      </div>
    </div>  

    <div class="row text-center">
      <div class="col-md-12">
        <p><h2>Full-Stack Developer with a B.Sc in Industrial Design Technology. Devoted to the design of experiences with code.
        </h2></p>
      </div>
    </div> 

    <div class="row">
      <div class="col-md-6">
        
      </div>
      <div class="col-md-6" col-md-push-6>
        <img src="https://s30.postimg.cc/52tghb8xt/Gebre_Mesquitta_HTML_Element_2.jpg" class="img-responsive" id="bottom"/>
      </div>
    </div>
  </div>

#2

Your GitHub page does not import Bootstrap.

You might first want to fix your page’s <head> section. Replace this part:

    <head>
        <title>
        </title>
    <link rel="stylesheet" href="styles.css">
    </head>  
    <body>

     <html>
  <title>
    <head></head>
</title>

with this:

<head>
  <meta charset="utf-8"><!-- all webpages has this -->
  <meta name="viewport" content="width=device-width, initial-scale=1"><!-- make the page scale well on mobile devices -->
  <link rel="stylesheet" href="styles.css">
  <title>Put some title here</title>
</head>

Then right above the <link> tag, add this:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

#3

Thanks a million man! That was it…gotdamn Bootstrap lol!