P

Kevin Canlas

@kvncnls
Ontario, Canada
225Points

Hi! I'm a self-taught web developer and designer based out of Ontario, Canada. Skills: HTML, CSS, JavaScript, GSAP, Svelte, React, WordPress, Shopify

Latest Solutions

Latest Comments

    • HTML
    • CSS
    • JS

    Pricing Component using React useState and styled using CSS Modules

    4
    P
    Kevin Canlas225 | Posted about 1 year agocommented on Michelle's "Pricing component with toggle" solution

    Looks great Michelle!

    • It looks like there's a small HTML issue with the label. It shouldn't have a div inside of it.
    • If I had to be nitpicky, I'd just say that the default state should be monthly just like the design comparison. :P
    1
    • HTML
    • CSS
    • JS

    HTML/CSS/Vanilla JS - FAQ Accordion Card

    2
    P
    Kevin Canlas225 | Posted about 1 year agocommented on Hamza H.'s "FAQ accordion card" solution

    Hi Hamza, nice work!

    • There's a small bug around the 769px to 1023px media query where the SVG covers the "FAQ" text.
    • Also, the text should change colors on hover.

    Other than that, looks great!

    0
    • HTML
    • CSS
    • JS

    Room Homepage with CSS Transitions and JS (GSAP) Animations

    16
    P
    Kevin Canlas225 | Posted about 1 year agocommented on ApplePieGiraffe's "Room homepage" solution

    Hey APG! Your site is awesome! Can I ask how you made the navbar close when you have it open on mobile/tablet size then expand to desktop size?

    So let's say your window was 500px width, you open the navbar menu, then you expand the window passed the navbar menu limit (where the hamburger menu should disappear). How did you get the navbar to close automatically? I don't think I saw an event listener on window resize.

    1
    • HTML
    • CSS

    Html, CSS, Bootstrap

    2
    P
    Kevin Canlas225 | Posted about 1 year agocommented on Jerline's "Testimonials grid section" solution

    Use the Dev Tools and check your layout at 375px width (iPhone X size). The purple background quote sticks out of the card. I used 375px because that's what the style guide said (375px and 1440px). The text also gets too narrow, so it's probably a padding issue.

    1