Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
48
Comments
3

Liyan Anajao

@LiyanNguyen990 points

Frontend Web Developer

I’m currently learning...

Svelte SvelteKit SolidJS NextJS

Latest solutions

  • Kanban WebApp

    #material-ui#react#vite#zustand#typescript

    Liyan Anajao•990
    Submitted almost 2 years ago

    0 comments
  • Tic-Tac-Toe using Solid JS

    #solid-js

    Liyan Anajao•990
    Submitted about 2 years ago

    0 comments
  • Multi-step Form (Svelte)

    #svelte

    Liyan Anajao•990
    Submitted over 2 years ago

    0 comments
  • Fylo Dark Theme Landing Page

    #less

    Liyan Anajao•990
    Submitted over 2 years ago

    0 comments
  • Animated launch countdown timer

    #less#animation

    Liyan Anajao•990
    Submitted over 2 years ago

    0 comments
  • Rock, Paper, Scissors Game (Svelte framework)

    #svelte#accessibility

    Liyan Anajao•990
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • P
    Paul•520
    @mayor-creator
    Submitted over 2 years ago
    What are you most proud of, and what would you do differently next time?

    Learning about flex, grid, and applying it to this project

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

    how to use flex in the project and overcome this challenge by reading documentation on CSS tricks

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

    The best approach to testing responsive design.

    QR Code Component

    #sass/scss
    1
    Liyan Anajao•990
    @LiyanNguyen
    Posted over 2 years ago

    Hi Paul,

    for your .front_end_description class paragraph, you could use other HTML tags such as <h1> to <h6> or <b> or <strong> those tags have inherently larger font size and has a bolder font weight

    and for you .scan_code class paragraph, you could just leave it as <p> tag this will simplify your CSS

    Hope this helps!

    Marked as helpful
  • NKEMBOH ISAIAH•50
    @Isaiah-0914
    Submitted over 2 years ago

    Product Preview card component

    #sass/scss
    3
    Liyan Anajao•990
    @LiyanNguyen
    Posted over 2 years ago

    Hi Isaiah,

    I took a look at your source code, do review the @media query and the difference between (min-width) and (max-width)

    also try not to specifically target 1440px, try doing something like (max-width: 1080px) on the .box class, I tried it on manually on browser dev tools and it works

    hope that helps

    Marked as helpful
  • Anaz Anoiar•160
    @AnazAnoiar69
    Submitted about 3 years ago

    Four Card Feature Section

    #sass/scss
    4
    Liyan Anajao•990
    @LiyanNguyen
    Posted about 3 years ago

    for responsive font-size I personally use these methods:

    1. use rem units, and change them via @media query for different viewports
    2. use width% percentages (depending on the container of the text)
    3. use vh/vw (I rarely use this but sometimes more convenient)
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