:cookie: 678 | @longnt80 |http://www.freecodecamp.org/longnt80
<header class="masthead text-center text-white d-flex" id="home">
<div class="container my-auto">
<div class="row bounceInDown animated">
<div class="col-lg-10 mx-auto">
<h2 class="maintxt">
<strong>Hi, my name is Liam Docherty</strong>
</h1>
</div>
<div class="col-lg-8 mx-auto">
<p class="text-white mb-5">I am a Front End & Wordpress Developer based in the UK. If you are a business seeking a web presence or an employer looking to hire, you can get in touch with me <a href=#contact class="txtlink js-scroll-trigger" target=_blank>here</a>.</p>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#services">Find Out More <i class="fa fa-chevron-down" aria-hidden="true"></i></a>
</div>
</div>
</div>
</header>
header.masthead {
padding-top: 10rem;
padding-bottom: calc(10rem - 56px);
background-image: url(../img/header.jpg);
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* HOME */
@media (max-width: 575px) {
.home1{
background-color: #111;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.home1{
background-color: #111;
}
@media (min-width: 768px) and (max-width: 991px) {
.home1{
background-color: #111;
}
Hi, as you can see in my CSS I have assigned an image to be the background of one of my main sections on my website. However, what class name do I put in the CSS media query to make the media query function?
const regex = /([0-9]{4})([0-9]{2})/g;
const str = `201709`;
let m;
while ((m = regex.exec(str)) !== null) {
// This is necessary to avoid infinite loops with zero-width matches
if (m.index === regex.lastIndex) {
regex.lastIndex++;
}
// The result can be accessed through the `m`-variable.
m.forEach((match, groupIndex) => {
console.log(`Found match, group ${groupIndex}: ${match}`);
});
}
#temp
is the id of the element that i want to change
:star2: 8893 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm