A Pen by Brandon Ward

What is a a pen by brandon ward How do you make a a pen by brandon ward? This script and codes were developed by Brandon Ward on 21 February 2022, Monday.

How do I make an a pen by brandon ward?
  1. A Pen by Brandon Ward Previews
  2. A Pen by Brandon Ward HTML Codes
  3. A Pen by Brandon Ward CSS Codes
A Pen by Brandon Ward Previews

A Pen by Brandon Ward HTML Codes

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>A Pen by  Brandon Ward</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <div class="mod_scale_fluid">
		<h1>Modular scale</h1>
		<h2>Modular scale</h2>
		<h3>Modular scale</h3>
		<h4>Modular scale</h4>
		<h5>Modular scale</h5>
    <p>paragraph</p>
    <a href="#">Link</a>
</div>
  
  
</body>
</html>

A Pen by Brandon Ward CSS Codes

@import url("https://fonts.googleapis.com/css?family=Inconsolata:400,700");
body {
  padding: 50px;
  font-family: 'Inconsolata', Helvetica, sans-serif;
  font-weight: 700;
}
body {
  font-size: 25.84px;
}
@media screen and (min-width: 400px) {
  body {
    font-size: calc(25.84px + 5.66 * ((100vw - 400px) / 624));
  }
}
@media screen and (min-width: 1024px) {
  body {
    font-size: 31.5px;
  }
}

h1,
h2,
h3,
h4,
h5,
h5 {
  line-height: 1.2;
  padding: 0;
  margin: 0 0 14px 0;
}

h1 {
  font-size: 33.63456px;
}
@media screen and (min-width: 400px) {
  h1 {
    font-size: calc(33.63456px + 39.60744 * ((100vw - 400px) / 624));
  }
}
@media screen and (min-width: 1024px) {
  h1 {
    font-size: 73.242px;
  }
}

h2 {
  font-size: 31.52328px;
}
@media screen and (min-width: 400px) {
  h2 {
    font-size: calc(31.52328px + 27.07122 * ((100vw - 400px) / 624));
  }
}
@media screen and (min-width: 1024px) {
  h2 {
    font-size: 58.5945px;
  }
}

h3 {
  font-size: 29.54272px;
}
@media screen and (min-width: 400px) {
  h3 {
    font-size: calc(29.54272px + 17.33228 * ((100vw - 400px) / 624));
  }
}
@media screen and (min-width: 1024px) {
  h3 {
    font-size: 46.875px;
  }
}

h4 {
  font-size: 27.68832px;
}
@media screen and (min-width: 400px) {
  h4 {
    font-size: calc(27.68832px + 9.81168 * ((100vw - 400px) / 624));
  }
}
@media screen and (min-width: 1024px) {
  h4 {
    font-size: 37.5px;
  }
}

h5 {
  font-size: 25.94944px;
}
@media screen and (min-width: 400px) {
  h5 {
    font-size: calc(25.94944px + 4.05056 * ((100vw - 400px) / 624));
  }
}
@media screen and (min-width: 1024px) {
  h5 {
    font-size: 30px;
  }
}

h5 {
  font-size: 24.32px;
}
@media screen and (min-width: 400px) {
  h5 {
    font-size: calc(24.32px + -0.32 * ((100vw - 400px) / 624));
  }
}
@media screen and (min-width: 1024px) {
  h5 {
    font-size: 24px;
  }
}
Do you want hide your ip address?Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup.