Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
0
hyperavtr
@hyperavtr

All solutions

  • Mortgage repayment calculator html/css/js solution


    hyperavtr•150
    Submitted 9 months ago

    1 comment
  • Contact form html/css/js solution


    hyperavtr•150
    Submitted 12 months ago

    1 comment
  • 3-column preview card component html/css solution


    hyperavtr•150
    Submitted about 1 year ago

    0 comments
  • Interactive rating component html/css/js solution


    hyperavtr•150
    Submitted about 1 year ago

    1 comment
  • FAQ accordion html/css/js solution


    hyperavtr•150
    Submitted about 1 year ago

    Animation from display: block; to display:none; that would work in every browser. (My works neither.)


    0 comments
  • NFT preview card component html/css solution


    hyperavtr•150
    Submitted about 1 year ago

    0 comments
  • Product preview card component html/css solution


    hyperavtr•150
    Submitted about 1 year ago

    0 comments
  • Results summary component html/css solution


    hyperavtr•150
    Submitted about 1 year ago

    0 comments
  • Order summary component html/css solution


    hyperavtr•150
    Submitted about 1 year ago

    0 comments
  • Social links profile html/css solution


    hyperavtr•150
    Submitted about 1 year ago

    0 comments
  • Blog preview card html/css solution


    hyperavtr•150
    Submitted about 1 year ago

    1.I've tried to make change my #blog-preview-card's(parent element, container) shadow-box value by hovering the #header(child element) .This turned out to work only in opposite way, e.g. this way:

    .parent:hover .child { background-color: white; }. (When you hover over the parent element, it will change the background color of the child element to white)

    I've seen some variants for solution of my problem with pseudo-element :has and assigning position: relative to parent and position: absolute to child element but it didn't worked at my case. If It's possible and can work with my code please write your options. I struggled a lot with this and it's a bit annoying to leave it how it is, but if it's realm of JavaScript usage, okay, so be it.

    2.W3C validator, seems, not to be complaining about my code, but if you look and it's semantic will seem to you wrong/unnecessary/unreasonably overcomplicated, I'll be grateful for letting me know.


    1 comment
  • html/css solution


    hyperavtr•150
    Submitted about 1 year ago

    0 comments
  • html/css solution


    hyperavtr•150
    Submitted about 1 year ago

    1 comment

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub