Skip to content
OverviewSolutions
13
Comments
15
P
lai yiu leung
@jasper2virtual

All comments

  • DalaScript•530
    @DalaScriptSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?
    • I am proud that I successfully completed the project! 🎉
    • It was a very interesting experience, and I learned new methods along the way. 📚✨
    What challenges did you encounter, and how did you overcome them?

    Here were the obstacles I faced:

    • Copying the password by clicking the button. 🔑
    • Changing the range input style. 🎨
    • Modifying the style of the checkbox inputs. ☑️
    • Implementing strength bars. 📊
    • And finally, the most important task: generating a random password by clicking the submit button! 🔄🔒
    What specific areas of your project would you like help with?
    • Any advice from another developer would be appreciated.

    Responsive Password generator app using Flexbox, BEM, and SCSS

    1
    lai yiu leung•230
    @jasper2virtualPosted 8 days ago

    oh my god, you are perfect

    0
  • Tomislav Šuto•200
    @RetroApeSubmitted 10 days ago
    What are you most proud of, and what would you do differently next time?

    I am just proud I managed to match the design :)

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

    There were some little challenges like working with Git, nothing to write home about.

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

    Although the project was simple to do, centering an element vertically and horizontally seems to be more complicated than it should. Using flex is possible (I think), but I decided to use positioning:

    .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    I understand the transform property, but I don't understand what is -ms-transform property supposed to be and what does it do. If anyone has an answer or has a link with a good explanation, I am happy to devour it :)

    Centering QR code component with -ms-transform

    2
    lai yiu leung•230
    @jasper2virtualPosted 10 days ago

    Although translate and absolute positioning can get the job done, but this is the technique decades ago. In modern css, flex and grid are the better tools when you try to build the structure of layout.

    Positioning and translation is still useful today, depending on the use case. One example is building the dynamic widget on screen.

    Marked as helpful
    1
  • lai yiu leung•230
    @jasper2virtualPosted 10 days ago

    it is good!

    0
  • lai yiu leung•230
    @jasper2virtualPosted 11 days ago

    well done

    0
  • Sergio Eduardo Castro Ceballos•300
    @SergioCasCebSubmitted 15 days ago
    What are you most proud of, and what would you do differently next time?

    Nothing in specific. It was a quick fun challenge. I proud that I tried to focus on future maintenance and flexibility by having a structure and functionality in a way that if more inputs are added it could still work with minimal changes.

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

    Nothing in specific.

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

    Nothing in specific. But feedback is always welcome. :D

    Responsive Newsletter Sign-Up Form with Scss and JS

    2
    lai yiu leung•230
    @jasper2virtualPosted 12 days ago

    your output is pretty

    0
  • lai yiu leung•230
    @jasper2virtualPosted 15 days ago

    omg, your solution is beautiful

    1
  • lai yiu leung•230
    @jasper2virtualPosted 16 days ago

    your solution is perfect

    1
  • Thomas Dimnet•250
    @tdimnetSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I'm generally happy with the use of CSS Grid. I didn't write too much CSS and the layout is working fine.

    I tried to make the design as close as possible, especially on desktop but I didn't achieve it. I didn't want to use too many pixel values otherwise the project would have been too "blocked".

    I am going to continue studying grid :).

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

    The desktop version was the most challenging. With grid template areas, I managed to make the design looks close to the wireframes but it could be improve.

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

    Having advice about CSS Grid is always welcome :).

    Social links profile - No framework - Only CSS using Grid

    1
    lai yiu leung•230
    @jasper2virtualPosted 7 months ago

    your code is awesome

    0
  • lai yiu leung•230
    @jasper2virtualPosted 8 months ago

    You solution code is so clean. I have over-engineered my solution.

    0
  • Leslie Mainah•100
    @machleslieSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    The time it took I was faster this time

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

    None

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

    None

    Product preview card component

    1
    lai yiu leung•230
    @jasper2virtualPosted 8 months ago

    you accurately reproduce the product card. amazing !

    0
  • Fafel•140
    @FafellSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I managed to complete this challenge despite some minor problems.

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

    I had some problems with the styling of the lists and tables, but I managed to solve these problems.

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

    Any help is valuable.

    Recipe-page

    1
    lai yiu leung•230
    @jasper2virtualPosted 8 months ago

    wow, your solution is perfect!

    1
  • arowstev•120
    @arowstevSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    The project helps me on how hover and button works.

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

    Fixing the image inside the div, I have to reduce the size.

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

    I will like to know if h1-h6 is neccessary in this project.

    Social-Media-Links-Profile

    1
    lai yiu leung•230
    @jasper2virtualPosted 8 months ago

    your fonts is beautiful

    0