Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
23
Comments
6

Ron Paolo Toyhacao

@rontoyhacaoPhilippines165 points

An aspiring front-end developer.

I’m currently learning...

Front-end stacks such as HTML, CSS and Javascript.

Latest solutions

  • Mobile-first Interactive card details form

    #accessibility#animation#bem#sass/scss

    Ron Paolo Toyhacao•165
    Submitted over 2 years ago

    1 comment
  • Mobile-first Intro section with dropdown navigation

    #bem#sass/scss

    Ron Paolo Toyhacao•165
    Submitted about 3 years ago

    1 comment
  • Desktop-first Tip Calculator using CSS Grid and Flexbox

    #sass/scss

    Ron Paolo Toyhacao•165
    Submitted about 3 years ago

    0 comments
  • Mobile-first Manage Landing Page using CSS Grid, Flexbox, and SwiperJS


    Ron Paolo Toyhacao•165
    Submitted about 4 years ago

    0 comments
  • Mobile-first Easybank Landing Page using CSS Grid and Flexbox


    Ron Paolo Toyhacao•165
    Submitted about 4 years ago

    0 comments
  • Mobile-first Insure Landing Page using CSS Grid and Flexbox


    Ron Paolo Toyhacao•165
    Submitted about 4 years ago

    0 comments
View more solutions

Latest comments

  • Paweł•1,030
    @Pawel-Gnat
    Submitted almost 3 years ago

    3 column preview card component

    2
    Ron Paolo Toyhacao•165
    @rontoyhacao
    Posted almost 3 years ago

    Hello Paweł!

    Nice to hear that you've had the challenge easy and you did great! Upon seeing your work I see that your main section is positioned at the top and not at the center. Since you already have your body tag at flex, one last thingg you can add is height: 100vh to have it centered. That's all and happy codingg.

  • Karishma Garg•1,010
    @karishma-dev
    Submitted about 3 years ago

    Base Apparel Coming Soon Page

    #accessibility
    1
    Ron Paolo Toyhacao•165
    @rontoyhacao
    Posted about 3 years ago

    Hello Karishma Garg!

    You did veryy well on this challenge, great job! One thing I noticed is that the button wasn't interactive as it was supposed to. One way to solve this is by using the cursor: pointer in css. This helps the user to identify buttons. Using hover pseudo-class also helps.

    I also see that you were not able to implement the email validation. One way to do it is to use Regular Expressions in JavaScript.

    Marked as helpful
  • John Rey Faciolan•220
    @juani2
    Submitted about 4 years ago

    Responsive Design Using Vanilla CSS' clamp(), min(), and calc().

    2
    Ron Paolo Toyhacao•165
    @rontoyhacao
    Posted about 4 years ago

    Hello John Rey,

    About your typography concern, it is highly encouraged that you use rems instead of pixels because pixels are absolute units, meaning they are fixed. Once the client sets to a different font size on the browser's settings, pixels simply won't follow. Also I find that using clamp() on the font size is a great idea, maybe I could use that technique as well. Btw great work, happy coding. :))

  • Jay•695
    @Junjiequan
    Submitted about 4 years ago

    todo-app-main

    3
    Ron Paolo Toyhacao•165
    @rontoyhacao
    Posted about 4 years ago

    Hello, everything works great. The only thing that bothers me is the checkbox, i can't access it when I press tab but overall it's functional. good work :))

  • arnaud.outtier•450
    @arnaudouttier
    Submitted about 4 years ago

    Css / Html / js

    2
    Ron Paolo Toyhacao•165
    @rontoyhacao
    Posted about 4 years ago

    Your work looks great and neat! Regarding with css, I highly suggest that you use sass since it works the same with what you did, separating styles by parts but in sass, it compiles them into a single css file so your stylesheet would be organized. if you have no idea about it I highly recommend you to use it, everyone's using it. You did a great job in this challenge. :))

  • Uroš Ignjatović•110
    @uross-11
    Submitted over 4 years ago

    Mobile first site using Sass

    1
    Ron Paolo Toyhacao•165
    @rontoyhacao
    Posted over 4 years ago

    Love it! The visual looks good and exact to the design. I wish I could make a whole landing page like this. It's a great work.

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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