Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
21
Comments
19
Anh
@anhvu1012

All comments

  • P
    Josh Kahlbaugh•540
    @Joshk7
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I liked the way that I laid out animations:

    @keyframes fadeImage {
      from {
        opacity: 0;
      }
    
      to {
        opacity: 1;
      }
    }
    
    @keyframes fadeContent {
      from {
        transform: translateY(50px);
        opacity: 0;
      }
    
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }
    
    .fade {
      &__image {
        animation: fadeImage 0.5s ease-out;
      }
    
      &__content {
        animation: fadeContent 0.5s ease-out;
      }
    }
    
    What challenges did you encounter, and how did you overcome them?

    I struggled with whether is should use transitions or use keyframe animations. I chose to create keyframe animations for this challenge and it works pretty well.

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

    I'm curious if I could accomplish this same result with transitions or if animation keyframes are the way to go.

    Room Homepage with Animations

    #sass/scss
    1
    Anh•400
    @anhvu1012
    Posted about 2 months ago

    It looks great!

  • hosam99mohamed•480
    @hosam99mohamed
    Submitted almost 2 years ago

    Loop-studios-landing-page

    1
    Anh•400
    @anhvu1012
    Posted about 2 months ago

    It looks great and it'll be greater if you could work on margin and padding details.

  • legaz•520
    @Legaz-le
    Submitted 2 months ago

    nft-preview-card-component-main

    1
    Anh•400
    @anhvu1012
    Posted 2 months ago

    It looks nice!

  • legaz•520
    @Legaz-le
    Submitted 2 months ago

    ecommerce-product-page-main

    1
    Anh•400
    @anhvu1012
    Posted 2 months ago

    It looks great. You could pay attention to detail like the heading/product name that is a little bit bigger than the original design. Overall you did a great job!

    Marked as helpful
  • Achi Gyuse Achi•490
    @Achigyus
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of my ability to remain consistent on projects.

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

    Majorly layout problems and they were solved by proper HTML structuring, you have to plan your project out before you start coding.

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

    I would appreciate accessibility checks and feedback

    News Homepage Built Using Vite, SASS, Typescript

    1
    Anh•400
    @anhvu1012
    Posted 3 months ago

    Really nice!

  • P
    Diu Gach•460
    @DevDiu071
    Submitted 3 months ago

    Responsive contact form built with Reactjs and TailwindCSS

    1
    Anh•400
    @anhvu1012
    Posted 3 months ago

    You did a great job. Your code looks clean and well structured. However some details like the contact form not being centered, the * symbols for required inputs not being on screen and the space between every component should be fixed :)

  • Oyefolu Toyyib Adeyemi•120
    @Oyefolu-CodeWizard
    Submitted about 1 year ago

    Responsive FAQ According Using React

    #react#sass/scss
    1
    Anh•400
    @anhvu1012
    Posted 3 months ago

    It looks really nice and very close to the orgininal but I think you forgot to add hover styling for the questions. Good work!

    Marked as helpful
  • Achi Gyuse Achi•490
    @Achigyus
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I finally learnt how to properly setup my gulpfile so the gulp process can handle errors properly, my previous gulp processes always stopped when an error was encountered

    This was the code to help handle the errors:

    function buildStyles() {
      return src('./sass/**/*.sass')
        .pipe(sass().on('error', sass.logError)) // handles errors to prevent process stopping
        .pipe(dest('dist'));
    }
    
    What specific areas of your project would you like help with?

    Any areas where you notice anything off/wrong

    Responsive, Accessible Interactive Rating Component Using Typescript

    #gulp#sass/scss#typescript
    1
    Anh•400
    @anhvu1012
    Posted 3 months ago

    Your solution looks the same as the design. Good work!

  • SGVcode•70
    @sgvcode
    Submitted over 2 years ago

    Tip calculator app

    #sass/scss
    1
    Anh•400
    @anhvu1012
    Posted 4 months ago

    The code is very well structured. Keep it up!

  • yousef•70
    @yosefHesham
    Submitted about 3 years ago

    SASS, CSS-Grids

    #sass/scss
    1
    Anh•400
    @anhvu1012
    Posted 4 months ago

    It looks good overall but some details like spacings between elements are quite small, the font size of the displayed hours is smaller than the original and the hours of last week e.g. are not displayed.

  • Mohamed Ahmed•700
    @MohamedSharqawi
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I am very proud of every thing from making the design responsive for any screen, to use JS for the first time in frontend project🥳

    Interactive Sign-Up Page Design

    1
    Anh•400
    @anhvu1012
    Posted 4 months ago

    Congrats! It looks a bit smaller than the original design but overall u did a good job.

  • Patricia Shiloh Kanneh•340
    @shekinahwebdev
    Submitted 4 months ago
    What specific areas of your project would you like help with?

    I would love to receive feedbacks

    ARTICLE-PREVIEW-COMPONT-CARD

    1
    Anh•400
    @anhvu1012
    Posted 4 months ago

    It looks really good but a little big compare to the original design

  • P
    Shishinyyy•40
    @Shishinyyy
    Submitted 4 months ago

    Testimonials Grid Section

    1
    Anh•400
    @anhvu1012
    Posted 4 months ago

    It looks very nice!

  • Carla•150
    @Carlitaalt
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    je suis contente d'avoir exercer le CSS Grid, et d'être arriver a disposer les éléments correctement.

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

    J'ai eu un problème lors du responsive design , j'ai utiliser Media Queries et je n'arrivais pas a modifier la max-width de mon container

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

    Pouvez vous me dire ce que vous pensez du responsive design, si il y aurait des choses a modifier ou a simplifier.

    FOUR CARD SOLUTION

    1
    Anh•400
    @anhvu1012
    Posted 4 months ago

    U did a good job!

  • Nelius Mukami•20
    @Chegenelius
    Submitted 4 months ago

    Responsive product-card

    1
    Anh•400
    @anhvu1012
    Posted 4 months ago

    Unfortunately it doesn't look like the original design

  • Mohit Bhatia•210
    @mohit5543
    Submitted 4 months ago

    Responsive Recpie page using css

    1
    Anh•400
    @anhvu1012
    Posted 4 months ago

    The layouts look good and similar to the original but the desktop version looks much bigger than the original design so the size should be decreased. The mobile version should have the recipe image take full width (no padding or margin) so I think it needs some media queries rules.

  • DamaniSahu•160
    @DamaniSahu
    Submitted 4 months ago

    Responsive Social Link Profile using HTML & CSS

    1
    Anh•400
    @anhvu1012
    Posted 4 months ago

    Overall it looks like the design but the difference between the sizes is noticable. It should be increased.

  • Dopaego•20
    @Dopaego
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    会了响应式布局和导入字体!

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

    阴影的设计,比如方向上的投影

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

    响应式布局

    CSS响应式布局

    1
    Anh•400
    @anhvu1012
    Posted 4 months ago

    It looks good overall but the big blank space under the section of the author and his name should be removed

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

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