A Pen by Dean Leigh

Thumbnail
This awesome code was written by deanleigh, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright deanleigh ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Dean Leigh</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class=image>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/126464/kite_surfer_s.jpg">
</div>

<div class=text>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem dui, sollicitudin non eros sed, tristique tincidunt libero. Vestibulum vitae purus congue, laoreet orci tempor, egestas risus.</p>
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/deanleigh/a-pen-by-dean-leigh-aADGk */
.image {
display: block;
float:left;
  width: 50%;
  background: #fcc;
  text-align: center;
  font-size: 0.2em;
}

img {
  width: 100%;
  max-width:280px;
}

.text {
display: block;
float:left;
  width: 50%;
  background: #cfc;
}

Comments