Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
9

TheTrueScout

@TheTrueScout170 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Time Tracking Dashboard


    TheTrueScout•170
    Submitted 8 months ago

    Any tips for learning js effectively would be great! I'm not a fan of it :')


    1 comment
  • Frontend Mentor | Newsletter sign-up form with success message


    TheTrueScout•170
    Submitted 8 months ago

    lol what's the css setting to remove a button highlight after clicking? Also, if there's anything I can improve on, please tell me!


    1 comment
  • Front end mentor challenge: Article preview component


    TheTrueScout•170
    Submitted 8 months ago

    Please tell me if anything can be improved- especially with the javascript!


    1 comment
  • Frontend Mentor Challenge: Bento Grid


    TheTrueScout•170
    Submitted 10 months ago

    If you have any advice, do share. Definitely not my best work though. Code is messy too.


    2 comments
  • Frontend Mentor challenge 7: Testimonials grid section


    TheTrueScout•170
    Submitted 10 months ago

    1 comment
  • Frontend Mentor Challenge 6: Four Card Feature Section.


    TheTrueScout•170
    Submitted 10 months ago

    I didn't want to use transform: translateY(); to position the first and last cards on desktop. I thought there was a way to do it with flex only, but I couldn't figure it out. It would be great if someone could tell me how to do it with flex only( I don't want to put the middle cards in a flex-direction: column; div and make the main card container a flex-direction: row; div ).


    1 comment
View more solutions

Latest comments

  • Simon•110
    @Simonbiker
    Submitted 8 months ago

    Time tracker CCS grid JS

    1
    TheTrueScout•170
    @TheTrueScout
    Posted 8 months ago

    Other than the responsiveness being a bit off, it looks great! I do have a question though, I'm new to js, and according to my trusty assistant(gpt) when using fetch, we need to put async before the function- Did you not do it because this project is nothing much(as in, the js isn't heavy, so it'd be fast in fetching the data) or?

    Marked as helpful
  • Elyticus•410
    @Elyticus
    Submitted 11 months ago

    Newsletter Sign-up Form Responsive

    1
    TheTrueScout•170
    @TheTrueScout
    Posted 8 months ago

    There's this little trick i learnt from youtube- using addEventListener('keyup', () => {}) to make the input update in real time and remove the error message after putting in a vald email. Looks great, cheers!

  • faekhatami•540
    @faekhatami
    Submitted 12 months ago

    Article Preview Component using html, css and javascript

    1
    TheTrueScout•170
    @TheTrueScout
    Posted 8 months ago

    ah yes, i'm forced to give feedback on the code of someone better than me wkwk. Very cool how you made your script thing in only 12 lines though lol. I have a long way to go :v

  • P
    EfthymiosK•390
    @EfthymiosK
    Submitted 10 months ago
    What specific areas of your project would you like help with?

    In the design comparison my solution looks different than the design (upper paragraph is narrower in the first testimonial), but on the github live page and on my live server it looks right. When I was writing the CSS code I tried to use rem units for the font sizes but for some reason it didn't work so I had to use pixels. Any ideas?

    Solution using CSS Grid and Flexbox

    1
    TheTrueScout•170
    @TheTrueScout
    Posted 10 months ago

    i think your font size for the header is slightly bigger, and maybe you could play with padding for the (upper paragraph is narrower in the first testimonial), . Great job though, i love it :)

  • P
    elCris99•220
    @elCris99
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I'm satisfied with how the grid layout changes with the different media queries.

    Cards grid section using grid and media queries

    1
    TheTrueScout•170
    @TheTrueScout
    Posted 10 months ago

    looks better than mine honestly :) but my only suggestion would be adding clamp(min value, preferred value, max value) for headers so it scales down the font size and fits perfectly on mobile( i haven't put that on mine yet either tbh haha ). Great job!

  • hasnatlubaid•130
    @hasnatlubaid
    Submitted 10 months ago

    product preview

    1
    TheTrueScout•170
    @TheTrueScout
    Posted 10 months ago

    looks pixel perfect to me! I find it hard to do that haha :) Good job!

View more 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