Center Logo

center logo https://stackoverflow.com/questions/49229003/my-logo-at-the-top-wont-align-at-the-center

by mohd shafiq

HTML

<!DOCTYPE html>
<html>
<body>

<link href="https://fonts.googleapis.com/css?family=Ultra" rel="stylesheet">

<head>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

<!--NEED HELP RIGHT HERE-->
<div class="logo">
<a href=/Users/mtaslagyan/Desktop/resumania/homepage.html><img class="imgLogo" src="/Users/mtaslagyan/Desktop/resumania/images/resumanialogo.PNG" alt="resumania logo pic"></a>
</div>


</head>

<div class="box">
    <div class="container-fluid">
    <div class="row">
        <div class="col-md-4">
        <img src="/Users/mtaslagyan/Desktop/resumania/images/cartoonmanquestion.JPG" alt="cartoon guy with a question mark above him">
        </div>
        <div class="col-md-8">
        <h1 class="heading" align="center">Welcome to Resumania!</h1>
        </div>
    </div>
    </div>
</div>


<a href=/Users/mtaslagyan/Desktop/resumania/majorlinks/testpage.html>check this out</a>

</body>

</html>

CSS

a {
    color: #2d2d2d;
}

.logo{
  text-align: center;
}
.imgLogo{
  width: 200px;
  border-radius: 10px;
}
.box{
    width:100%;
    background-color:#f6f6f6;
}

.heading{
    color:navy;
    padding: 80px 100px 0px 0px;
    font-family: 'Ultra', serif;
}