x x x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<!-- MEET THE STARTUPS TOP BANNER -->
<div class="startups-main-banner">
	<h1 id="startups-main-banner-title">Meet the Startups</h1>
	<h2 id="startups-main-banner-subtitle">EWC 2020<2021</h2>
</div>
<style>
.startups-main-banner {
  height: 240px;
  width: 100%;
  /*background-size: cover;*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0f0e0ewhite;
  background-image: url("https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/EWC+2020/ewccircletransparent.png");
}
.startups-main-banner #startups-main-banner-title {
  background-image: linear-gradient(101deg, #ddce7b -4%, #65c484 32%, #1aa0aa 74%);
  font-family: var(--main-font-family);
  font-size: 38px40px;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: right;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 580px) {
	.startups-main-banner #startups-main-banner-title {
		font-size: 30px;
	}
}
@media screen and (max-width: 450px) {
	.startups-main-banner #startups-main-banner-title {
		font-size: 27px;
	}
	.startups-main-banner {
	    height: 160px;
	}
}
</style>

...