Skip to content
Submitted about 3 years ago

responsive sunny landing page using flex, grid and media

Oluwafemi•345
@Albusflames
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Agency landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

please I need feedback on how to do the bottom color of the learn more link on the original design and also any form of correction will be of great help especially on the menu button

Community feedback

  • talentlessDeveloper•340
    @talentlessDeveloperPosted about 3 years ago

    Hi Oluwafemi,

    add a before pseudo class to your anchor tag something like this

    
 a::before {
   display: block;
  content: "";
  position: absolute;
  top: 0.6875rem;
 left: -0.25rem;
 width: 108%;
 height: 0.4375rem;
 opacity: 0.6;
 border-radius: 10px;
 z-index: -1;
background-color: yellow;
}

    you can adjust the values and background-color as you see fit.

    Welldone!

    Marked as helpful
    0
  • Oluwafemi•345
    @AlbusflamesPosted about 3 years ago

    Cool. That was helpful thanks alot.

    0

Please log in to post a comment

Log in with GitHub

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