Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
37
Comments
10

Kelvin

@githukelvinSomewhere,Coding770 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

  • Multi-step Form with Pinia, Local Storage, and Swal Pop-up

    #accessibility#sass/scss#typescript#vue#pinia

    Kelvin•770
    Submitted over 1 year ago

    0 comments
  • multi-step form

    #sass/scss#vue#astro

    Kelvin•770
    Submitted over 1 year ago

    1 comment
  • Blogr landing page

    #vue#sass/scss

    Kelvin•770
    Submitted almost 2 years ago

    0 comments
  • 🚀🚀🚀Crowdfunding product page Built with Astro and VUEJS🌐💨🐱‍👤

    #astro#vue#sass/scss

    Kelvin•770
    Submitted almost 2 years ago

    0 comments
  • 🚀🚀🚀Space tourism multi-page website Built Using ASTRO and VUEJS💢💥

    #astro#vue#sass/scss

    Kelvin•770
    Submitted almost 2 years ago

    0 comments
  • 🎇💨💨Newsletter sign-up form with success message🌐🌐


    Kelvin•770
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

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

    Well I am happy that I get to expose myself to frontend development and that I learnt more about media queries when it comes to responsive design

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

    Well still the validation aspect and doubt and also thinking too much but I know that I can do this and that I will get there.

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

    Well just learning more and more of CSS just to have a grasp when it comes to styling.

    Blog preview card

    1
    Kelvin•770
    @githukelvin
    Posted 10 months ago

    Hey buddy congrats on the second solution. So the project is greater though stop using height setting height: 539px; in your code let the layout and margins and paddings set the height of your components happy coding buddy

  • Kelvin•770
    @githukelvin
    Submitted over 1 year ago

    multi-step form

    #sass/scss#vue#astro
    1
    Kelvin•770
    @githukelvin
    Posted over 1 year ago

    Though I haven't finished the logic, I deployed the frontend. I will update the logic updated later today. Happy Coding guys

  • Priya Sundar s•10
    @nicky1707
    Submitted almost 3 years ago

    Product card centering a div

    2
    Kelvin•770
    @githukelvin
    Posted almost 3 years ago

    Hello there,

    you could just use margin:10rem auto;

  • Kiruthiga K•60
    @kiruanime2003
    Submitted almost 3 years ago

    Product preview card component

    #sass/scss
    1
    Kelvin•770
    @githukelvin
    Posted almost 3 years ago

    Hello @kiruanime2003

    Congrats on This

    You could just add some font-size on the heading and just add some margin-top to the button.

    Also add border-radius:on the button.

    ***Happy coding ***

  • Julien Kombora•230
    @JulienK94
    Submitted almost 3 years ago

    responsive preview card component

    1
    Kelvin•770
    @githukelvin
    Posted almost 3 years ago

    Hey @JulienK94

    Some feedbacks here you design upto the requirement i like 😉

    Just some lookouts

    Add line-height:1.5; on your paragraph after the bold heading.

    Add letter-spacing on the preview text

    Finally add font-size: on you heading i mean Gabrielle .....

    Happy coding buddy .Hope it helpful

    Marked as helpful
  • faizan•2,420
    @afaiz-space
    Submitted almost 3 years ago

    product-preview-card-component-main

    #bootstrap
    2
    Kelvin•770
    @githukelvin
    Posted almost 3 years ago

    Hey buddy

    Seen you havent updated the screenshot of preview

    • The margin: 5rem auto 0 auto; you can replace with margin:10rem auto; it will be exact of that of design.and that it is if you have added max-width:1440px; on the body.

    -Another feedback is the paragraph should have a font-weight:500; font-family:montserrat,sans serif. add line-height:1.5; add width:80%;

    -Another point is <main class="container"> you could have used div instead of the landmark. add alt="" on your cart image accesibility respect heading from <h1></h1> to <h6></h6 in that order.

    Thats all @afaiz-space Happy coding Hope it is 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

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