Submitted almost 2 years ago

skilled-elearning-landing-page

Audrey Lovelace•100

@AudreyLovelace

Preview site View code

This is a solution for...Skilled e-learning landing page

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi there~ I really have trouble adding the introduction image for bigger screens. Where should I add it in HTML and how to make it responsive? And I don't know how to deal with two formats of the image (png and webp). TIA~~~

Community feedback

Audrey Lovelace•100

@AudreyLovelacePosted almost 2 years ago

.hero { display: grid; grid-template-columns: 1fr 1fr;

&_right {
  // @include border();
  z-index: -1;
  display: block;
  position: relative;
  width: 150%;
  top: -50px;
  min-width: 400px;
  overflow-clip-margin: content-box;
  overflow: clip;
}

}

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord