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

Katie Louise Snape

@KSnape34Port Erin, Isle of Man240 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

  • Bookmark Landing Page with React + Tailwind CSS

    #react#tailwind-css

    Katie Louise Snape•240
    Submitted 7 months ago

    1 comment
  • Room Homepage using React and Tailwind CSS

    #react#tailwind-css

    Katie Louise Snape•240
    Submitted 7 months ago

    1 comment
  • Loopstudios Landing Page using HTML, CSS and JavaScript


    Katie Louise Snape•240
    Submitted 8 months ago

    1 comment
  • NFT Preview Card with HTML and CSS


    Katie Louise Snape•240
    Submitted 8 months ago

    1 comment
  • Tip Calculator using HTML, CSS and JavaScript


    Katie Louise Snape•240
    Submitted 8 months ago

    I have tried different ways to do it but I can't figure out why the result section isn't being put into a column on the right.


    1 comment
  • Time Tracker Dashboard with HTML, CSS and JavaScript with JSON data


    Katie Louise Snape•240
    Submitted 8 months ago

    1 comment
View more solutions

Latest comments

  • Doaa Ali•220
    @doaaaliahmed
    Submitted almost 2 years ago

    Bookmark Landing Page

    #next#tailwind-css#react
    1
    Katie Louise Snape•240
    @KSnape34
    Posted 7 months ago

    Looks good. Keep it up.

  • P
    Dan Marius•1,275
    @danmlarsen
    Submitted 8 months ago

    Room homepage using React & Tailwind

    #react#tailwind-css#typescript#vite#framer-motion
    1
    Katie Louise Snape•240
    @KSnape34
    Posted 7 months ago

    Looking good. Especially love the transitions using framer.

  • Demetrio Julian•810
    @dejuliansr
    Submitted 8 months ago

    Loopstudios Landing Page

    1
    Katie Louise Snape•240
    @KSnape34
    Posted 8 months ago

    Footer: Easy to read as well as responsive layout. In the mobile size, the underlining of the navbar is too long and not enough spacing so the other links shift when you hover on them as well as the social icons

    About Section: Easily read and formatted but could look more uniform if set in a set size container so there is equal spacing on both sides and its in the center of the page. Maybe make the banner smaller so there is a little white on the bottom and it's not taking up the whole screen when it loads onto a screen.

    Other than a few style issues, very well done.

  • Demetrio Julian•810
    @dejuliansr
    Submitted 8 months ago

    NFT Preview Card

    1
    Katie Louise Snape•240
    @KSnape34
    Posted 8 months ago

    While everything works, there are a few flaws with the design. The font is supposed to be Outfit but you also have the Arial font family in the code and that seems to be the one the system is accepting instead of Outfit.

    Concerning the hover state with the main image, when it is active, the blue square doesn't match the border radius you have applied to the main image so it looks out of place.

    Other than those two things, looks great and keep up the good work.

  • P
    KMS56135•160
    @KMS56135
    Submitted 8 months ago

    Tip-calculator

    1
    Katie Louise Snape•240
    @KSnape34
    Posted 8 months ago

    Looks great!

  • P
    Hector Ramirez•450
    @hectorlil48
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I had a hard time with this one. I was stuck for a while on how to get my background images to be positioned like they are in the design. I took some time off from doing this project, and when I got back to it, I had a different approach to it. I'm proud that I was able to finish it. And next time, I know if I'm struggling with something, I can take some time away from it and also get help if I still don't get it.

    What challenges did you encounter, and how did you overcome them?

    I played around with positioning when I didn't understand how to position my images. It helped me realize what I needed to do for my background images.

    What specific areas of your project would you like help with?

    How to plan out a project better. I feel like I don't know how to properly break down a project and find out where I need to start on it.

    Time tracking dashboard

    1
    Katie Louise Snape•240
    @KSnape34
    Posted 8 months ago

    Very well done. Keep up the good work!

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