Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
16
Comments
7
tomas938
@tomas938

All comments

  • Paweł Pohl•390
    @Pawel1894
    Submitted over 2 years ago

    Dictionary with PWA, caching, react, typescript, tailwindcss, tests

    #pwa#react#tanstack-query#tailwind-css#vite
    3
    tomas938•385
    @tomas938
    Posted over 2 years ago

    I just finish this challenge today and i dive into your code and i feel so bad about my solution :D your code is well written also you added nice features. I can trully see you have more experience than me good job.

  • John•250
    @JohnBroers
    Submitted almost 4 years ago

    Vue 3 Composition API job listings with filtering

    2
    tomas938•385
    @tomas938
    Posted almost 4 years ago

    Hi, congratulations for completing this challenge! Maybe you can change filtering for me it would be nice if I click for-example filter front-end and senior i would get filtered only that card that match the filter maybe u can check my solution to this challenge and you will see what i mean but overwall good job !. ;)

    Marked as helpful
  • spyder•315
    @ratan17
    Submitted almost 4 years ago

    Order Summary Card using flexbox, and a pinch of Bootstrap 4.5

    2
    tomas938•385
    @tomas938
    Posted almost 4 years ago

    Hi, your solution looks good maybe you can add outline:none to button i think it looks better without outline ;)

  • tosho•80
    @Tosho4real
    Submitted almost 4 years ago

    Fylo data storage component challenge . Using just html and Css

    2
    tomas938•385
    @tomas938
    Posted almost 4 years ago
    <div id="bottom">
            <p class="storage">You’ve used <span>815 GB</span> of your storage</p>
    <div class="data">
              <div class="layover">
                <h1>185</h1>
                <span>GB LEFT</span>
                <div class="triangle"></div>
              </div>
              <div class="full-bar">
                <div id="bar">
                  <div id="circle"></div>
                </div>
              </div>
              <div class="para">
                <p>0 GB</p>
                <p>1000 GB</p>
              </div>
            </div>
          </div>
      .layover {
        position: relative;
        transform: translateY(-100px) translateX(325px);
      }
      .triangle {
        height: 50px;
        width: 50px;
        position: absolute;
        top: 90%;
        right: 0;
        border-right: 50px solid white;
        border-bottom: 50px solid transparent;
      }
    

    this should help little bit

    Marked as helpful
  • tosho•80
    @Tosho4real
    Submitted almost 4 years ago

    Fylo data storage component challenge . Using just html and Css

    2
    tomas938•385
    @tomas938
    Posted almost 4 years ago

    Hi, you need put your triangle in your layover div and give it position relative and then absolutly position triangle with top,left,right,bottom values as u need .

    Marked as helpful
  • Abirami•200
    @ab-irami
    Submitted almost 4 years ago

    Calculator-App

    4
    tomas938•385
    @tomas938
    Posted almost 4 years ago

    Hi, congratulations for your solution maybe u can add mathematical sign in calculation to get better user experience.

  • Dwi susilo•325
    @dwi312
    Submitted almost 4 years ago

    ping-coming-soon-page-master 1 00

    3
    tomas938•385
    @tomas938
    Posted almost 4 years ago

    nice job but u have problem with responsivity and you shouldn't alingning items with that huge padding.

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