Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
2

weixin

@twx0504Malaysia110 points

A motivated junior frontend developer.

Latest solutions

  • Desktop-first Bento Grid with CSS Grid


    weixin•110
    Submitted 5 months ago

    Hi every learner and gurus out there, I would like to sincerely seek your advices and maybe proofread my code and point out my problem. Maybe you can start by giving some feedback about the way I structure my HTML, is my semantic HTML used correctly? How is my CSS writing style, are there following the industrial best practice, and if not, what should I do instead. I feel a bit shaky on my media query, and I have tried my best to work with it based on my own understanding. Is the way I write my media queries correct, or is there other way to do better?

    Thank you,

    from a passionate guy trying to improve his frontend skill =)


    0 comments
  • Result Summary Component Built With FLEXBOX and JS.

    #vite

    weixin•110
    Submitted 6 months ago

    I would like everyone to give me suggestion on the way I manage my media query, am I doing it right?

    Currently I am using custom css properties with media query because I want to reduce the amount of time writing many media query targeting each className, so I just move the common style properties out, and use :root to change the value in different breakpoint. Is this a standard way to do it? Or is there any other way? Please enlighten me.


    0 comments
  • QR Code Compenent Built With Semantic HTML.

    #vite

    weixin•110
    Submitted 7 months ago

    1 comment
  • Responsive Designed Social Link Profile with React

    #react#vite

    weixin•110
    Submitted 7 months ago

    I have less knowledge in responsive design, especially the use of media query. In this case, I use CSS custom properties with media query for responsive design, may I know is this a standard way to do it? Any other ways are there? Anyone can share with me, it will be very helpful. Thank you =)


    0 comments
  • Simple React Accordion App with Responsive Design

    #react

    weixin•110
    Submitted 7 months ago

    I would like to get help with how usually people implementing responsive design, would be very helpful if someone could share with me, and tell me what I did wrong in my responsive design.


    0 comments
  • Responsive Dev Portfolio built with vanilla Js and scss

    #accessibility#jss#sass/scss#fetch

    weixin•110
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • M Yardan Aqiella•20
    @morphiezy
    Submitted over 2 years ago

    React QR CODE Component using Tailwind CSS

    #tailwind-css#vite#react
    1
    weixin•110
    @twx0504
    Posted 7 months ago

    Hi You did a very good job. Although I am new to React and Tailwind CSS, I can learn from how you write React and Tailwind code.

    Given my limited knowledge, I would suggest to use semantic html like article and section to structure your HTML. =)

    Layout wise, it looks very similar to the design, and looks good on my laptop, as well as my phone.

    Good job =)

  • Ehsan Tatasadi•1,800
    @tatasadi
    Submitted over 1 year ago

    Single Page Developer Portfolio (Next + React + Tailwind + Storybook)

    #next#react#tailwind-css#storybook
    2
    weixin•110
    @twx0504
    Posted over 1 year ago

    Omg your solution is pretty close to the original one. Good Job =)

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