Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
2

Thomas Percival

@tpercival01United Kingdom240 points

Full Stack React Developer and proud BSc Computer Science graduate.

I’m currently learning...

React.js

Latest solutions

  • Rock, Paper, Scissors (with Bonus mode)

    #react

    Thomas Percival•240
    Submitted about 2 years ago

    0 comments
  • Minify URL webpage - React and Mobile-First

    #react

    Thomas Percival•240
    Submitted about 2 years ago

    0 comments
  • Multi-step form component

    #react

    Thomas Percival•240
    Submitted about 2 years ago

    0 comments
  • Rest countries API - React, Router, Dark mode


    Thomas Percival•240
    Submitted about 2 years ago

    0 comments
  • QR Code component


    Thomas Percival•240
    Submitted about 2 years ago

    0 comments
  • Room homepage


    Thomas Percival•240
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

  • Patrick Alves•20
    @KeterAlves
    Submitted about 2 years ago

    Responsive results/summary design

    1
    Thomas Percival•240
    @tpercival01
    Posted about 2 years ago

    Really great job.

    Only advice I would give is to potentially use more detailed IDs. Even for small projects like this, it is good practice for the future.

  • huang-emily•140
    @huang-emily
    Submitted about 2 years ago

    Using Vanilla HTML/CSS for Results Summary Component

    2
    Thomas Percival•240
    @tpercival01
    Posted about 2 years ago

    I believe you have the idea down quite well.

    Personally I like to start how the Readme suggests: build your html first. Just look at the design and decide what components you need, perhaps even researching typical HTML elements used for certain aspects, i.e. flexbox or grid for positioning elements within an element. Then when you're happy with the structure, start adding your CSS in segments; top-to-bottom, right-to-left. I prefer to work on getting the general styling down for everything before going back over with all the colours, shadows, etc.

    Marked as helpful
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