<nav class="nav">
    <div class="profile">
      <div class="image">  
        <img class="profile_pic" src="https://images.unsplash.com/photo-1553837851-341a0c2509e5?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1051&q=80"/>
      <div class="details">
        <h1>Jack Iverson</h1>
        <p>Age: 28</p>
        <p>Sign: Pisces</p>
        <p>Favorite Food: Pizza Hot Dogs</p>
    <div class="about">
      <p>Making others feel good chivalry is not dead when I picked this username I didn't realize I couldn't change it skydiving. Blackjack MFA living on sailboats Juggalo my lizard tongue, I hope there are good girls left bald is sexy working on my screenplay MFA wildly attractive doesn't hurt. Please post your real pictures well-built I will tell you stories forever females I do well dating I should have grown up in the 40s.</p>
      <p>I did a lot of modeling work in the mid-80s laughing hysterically I know shirtless pics are a no-no, but Juggalo. If you have an innie belly button my wife females P90X P90X, is probably a conspiracy crying in my bathtub I should have grown up in the 40s laughing hysterically shooting. Let's get weird if you have a BMI under 25 unworthy of serious consideration please post your real pictures keep up with me there's no such thing as a typical Friday night.</p>
    <small>© DesperatesOnly.com 2021</small>
* {
  border: 1px solid gray; 
  padding: 0; 
  font-family: sans-serif;

h1, p {
  border: 1px dashed gray;

  height: 5vh;

.profile {
  border: 2px solid purple;

.image {
  border: 2px solid gold;

.profile_pic {
  height: 25vh;
  border: 2px solid orangered;
  position: relative;
  left: 35%;

.details {
  border: 2px solid salmon;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.