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

Khaizter

@khaizterPhilippines190 points

I just want to improve my front-end skills here...

I’m currently learning...

React, Styled Components, Responsiveness, Framer Motion

Latest solutions

  • REST Country API using REACT-Router, Styled Components, Framer Motion

    #motion#react#styled-components#react-router

    Khaizter•190
    Submitted about 3 years ago

    2 comments
  • Todo-App using React, SASS, Framer Motion

    #accessibility#bem#react#sass/scss#motion

    Khaizter•190
    Submitted about 3 years ago

    0 comments
  • Ecommerce Page using React, SASS, React Transition Group

    #accessibility#bem#sass/scss#react

    Khaizter•190
    Submitted about 3 years ago

    1 comment
  • Responsing Landing Page with REACT & SASS

    #accessibility#sass/scss#react

    Khaizter•190
    Submitted about 3 years ago

    0 comments
  • Responsive Landing Page using SASS

    #accessibility#sass/scss

    Khaizter•190
    Submitted about 3 years ago

    0 comments
  • Mobile-first solution using SASS and Flexbox

    #sass/scss

    Khaizter•190
    Submitted about 3 years ago

    0 comments

Latest comments

  • Yash Jangir•160
    @yashjangir1
    Submitted about 3 years ago

    Responsive REST countries theme switcher application

    #bootstrap#fetch#accessibility
    1
    Khaizter•190
    @khaizter
    Posted about 3 years ago

    Hi, I like how you add the other features, but there are some things that I think need some tweakings.

    • The box shadow was too thick or dark, try to use a little transparent color.
    • There's no Antartic region
    • The theme toggle switch has letter "s" on it. But anyways good job on it.
    Marked as helpful
  • Tom•290
    @tomhine
    Submitted about 3 years ago

    REST Countries API using React, Next.js, TypeScript & Tailwind

    #next#react#typescript#tailwind-css
    1
    Khaizter•190
    @khaizter
    Posted about 3 years ago

    I suggest using repeat(auto-fill, minmax(minimum-size, 1fr)) in the grid template columns this will make your grid become responsive with less media queries. As it automatically fills up another column if there's a space available.

  • Andrew De La Fuente•300
    @Andrewthe13th
    Submitted about 3 years ago

    Manage Landing Page - CSS Grid/flexbox

    1
    Khaizter•190
    @khaizter
    Posted about 3 years ago

    you can change the color of svg by using the filter property here check this out https://stackoverflow.com/questions/22252472/how-to-change-the-color-of-an-svg-element

    Marked as helpful
  • Hudaifa•50
    @trafargarlaw
    Submitted about 3 years ago

    sunnyside agency landing page main

    #vite#sass/scss
    1
    Khaizter•190
    @khaizter
    Posted about 3 years ago

    I suggest to try the 7-1 patterns on SASS. they have a guidelines for it in SASS guidelines you might want to check it out.

  • P
    Ryan McGuire•280
    @mackieva
    Submitted about 3 years ago

    Sunnyside Responsive Landing Page

    1
    Khaizter•190
    @khaizter
    Posted about 3 years ago

    What I did in the image was change the src of img tag on css by content : url(), i didn't know the srcset maybe I will try it on next projects. Anyway good solution!

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