JSFiddle - React, Tailwind, and code Playground

by Josh Krauth-Harding

HTML

<a href="#">View resume</a>
<div id="resume-window">
  <div id="resume">
    <img src="https://via.placeholder.com/1100x850">
  </div>
</div>

CSS

img {
  max-width: 100%;
  box-shadow: 5px 5px 35px rgba(0, 0, 0, 0.5);
}

#resume-window {
  width: 100vw;
  height: 100vh;
  background-color: rgba(33, 33, 33, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}

#resume {
  max-width: 70%;
}