Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout depending on their device's screen size
• See hover states for interactive elements

Screenshot

Links

• Solution URL: solution URL
• Live Site URL: live site URL

My process

Built with

• Semantic HTML5 markup
• Flexbox

What I learned

main {
    max-width: 21.875rem;
    width: 100%;
}

#link-image:active::after {
    align-items: center;
    background-color: hsla(178, 100%, 50%, 0.5);
    border-radius: 8px;
    content: url(./images/icon-view.svg);
    display: flex;
    height: 98.6%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0%;
    width: 100%;
}

Author

• Frontend Mentor - @Theuz1nh0
• Linkedin - @theuz1nh0