Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
7

Liam

@liamchivers23Neath150 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

  • Interactive-rating-component


    Liam•150
    Submitted almost 3 years ago

    1 comment
  • Ping coming soon page


    Liam•150
    Submitted about 3 years ago

    0 comments
  • Advice Generator. API & Flexbox


    Liam•150
    Submitted about 3 years ago

    0 comments
  • Responsive 3-column preview card.


    Liam•150
    Submitted over 3 years ago

    0 comments

Latest comments

  • Mark Halstead•10
    @Mark-Halstead
    Submitted almost 3 years ago

    Interactive-Rating-Component

    #bootstrap
    1
    Liam•150
    @liamchivers23
    Posted almost 3 years ago

    Hi Mark.

    To answer some of your questions:

    1 - more info needed, are you trying to change the image when the submit button is clicked? you could create a seperate card then put a display of none on the current card when its clicked. Hope this solved your issue.

    1. Yes, it looks fine :)

    2. Media queries will help with mobile viewing :)

    Hope this helps!

    Marked as helpful
  • Keagan Dickinson•160
    @PhisherFTW
    Submitted almost 3 years ago

    interactive-rating-component

    2
    Liam•150
    @liamchivers23
    Posted almost 3 years ago

    Hi, mate. You can use the :hover pseudo-class to make the hover happen on the rating buttons, then use an eventlistener to change it from grey to orange when the button is clicked.

    Also some more padding on the bottom of the rating buttons as the submit button is too close. And maybe some more padding inside the button as its quite thin.

    Hope some of these suggestions help!

    Marked as helpful
  • Alex•240
    @AlexManu05
    Submitted almost 3 years ago

    Responsive rating card

    2
    Liam•150
    @liamchivers23
    Posted almost 3 years ago

    Oh and im sure instead of adding and removing the class in JavaScript you could use toggle, saves you a line or two of code i believe :)

    Marked as helpful
  • Alex•240
    @AlexManu05
    Submitted almost 3 years ago

    Responsive rating card

    2
    Liam•150
    @liamchivers23
    Posted almost 3 years ago

    Hi mate, i thought that when you click the submit button then the thank-you layer is supposed to happen, but it happens when you click a rating number instead.

    Other than that it looks great! Good job!

    Marked as helpful
  • Oskar Zamorowski•130
    @ozamorowski
    Submitted almost 3 years ago

    IP address tracker

    #tailwind-css#typescript#vite#vue#fetch
    1
    Liam•150
    @liamchivers23
    Posted almost 3 years ago

    It seems that the page doesnt load.

  • Alazar Getachew•260
    @AlazarG19
    Submitted over 3 years ago

    Responsive with flexbox

    2
    Liam•150
    @liamchivers23
    Posted over 3 years ago

    Hi, Alazar. Your Solution, While good lacks responsiveness. Through from 1000px to 375px it looks slightly squashed. Maybe try and change the flex-direction of your project to column so that it displays as it would in the mobile view.

    Although this is just my opinion and you dont have to take my advice,

    Liam. :)

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