Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
25
Comments
0
TornikeTt
@TornikeTt

All solutions

  • IP-Address-Tracker


    TornikeTt•300
    Submitted about 2 months ago

    0 comments
  • Todo app

    #react#sass/scss

    TornikeTt•300
    Submitted 3 months ago

    0 comments
  • social-media-dashboard-with-theme-switcher

    #react#sass/scss

    TornikeTt•300
    Submitted 5 months ago

    0 comments
  • single-price-grid-component


    TornikeTt•300
    Submitted 5 months ago

    0 comments
  • ping-coming-soon-page


    TornikeTt•300
    Submitted 5 months ago

    0 comments
  • Base Apparel coming soon page

    #sass/scss

    TornikeTt•300
    Submitted 5 months ago

    0 comments
  • intro component with signup form

    #sass/scss

    TornikeTt•300
    Submitted 6 months ago

    0 comments
  • four-card-feature-section

    #sass/scss

    TornikeTt•300
    Submitted 6 months ago

    0 comments
  • article-preview-component

    #sass/scss

    TornikeTt•300
    Submitted 7 months ago

    So, to overcome and complete this challenge, I created two media containers:

    1. The first one is for the desktop layout, which I placed inside the tag. (This is because when the media container becomes position: absolute, I want the share button—also inside the tag—to be positioned relative to it and correctly calculate the position to center the media container.)

    2. The second one was placed outside the tag (as a sibling of ). I did this to calculate the 's width and position, which I used to determine the media container's position for the mobile device layout.

    Question: Is this approach—creating two similar elements and showing one while hiding the other at different times—considered bad practice?


    0 comments
  • faq-accordion-card

    #sass/scss

    TornikeTt•300
    Submitted 7 months ago

    0 comments
  • profile-card-component

    #sass/scss

    TornikeTt•300
    Submitted 7 months ago

    0 comments
  • 3-column-preview-card-component

    #sass/scss

    TornikeTt•300
    Submitted 7 months ago

    0 comments
  • stats-preview-card-component

    #sass/scss

    TornikeTt•300
    Submitted 7 months ago

    0 comments
  • qr-code-component

    #sass/scss

    TornikeTt•300
    Submitted 7 months ago

    0 comments
  • nft-preview-card-component


    TornikeTt•300
    Submitted 7 months ago

    0 comments
  • order-summary-component

    #sass/scss

    TornikeTt•300
    Submitted 7 months ago

    0 comments
  • interactive-rating-component

    #sass/scss

    TornikeTt•300
    Submitted 7 months ago

    0 comments
  • Huddle landing page with a single introductory section

    #sass/scss

    TornikeTt•300
    Submitted 7 months ago

    0 comments
Frontend Mentor logo

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

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