Skip to content
OverviewSolutions
36
Comments
6
NaQu
@NaQu2003

All comments

  • Andreas Remdt•950
    @andreasremdtSubmitted about 1 year ago

    Hey there,

    This is my solution to the age calculator app.

    I built the application using HTML, CSS, and TypeScript. The TypeScript code is compiled and bundled through Vite. The CSS uses cutting-edge features, such as nesting, color-mix, and custom properties, hence the preview might be broken.

    My main focus was on building a maintainable and accessible form validation logic, utilizing constraint validation and ES6 classes. This approach incorporates best practices for form validation such as clear error states, error messages, and more.

    Let me know what you think :)

    Age calculator app

    2
    NaQu•570
    @NaQu2003Posted about 1 year ago

    It looks cool, but it would be even better if u implemented a logic that throws an error when user selects above 28 day or 29 year in specific year in February, or when someone sets 31 days in moth that has only 30 days.

    1
  • Ibrahim Suleiman•50
    @ebeeraheemSubmitted about 1 year ago

    HELP NEEDED

    • I'm having serious trouble setting the background position of the images in this challenge
    • Is there an easier or more efficient way to position the numbers in the stats, i.e the followers, likes, and photos?

    Profile Card | Frontend Mentor

    2
    NaQu•570
    @NaQu2003Posted about 1 year ago

    Have you tried using pixels? I can see that you set up this top,right and bottom,left: but you can move those images with pixels or percantage

    0
  • NaQu•570
    @NaQu2003Posted about 1 year ago

    Looks fantastic, have you thought maybe about reseting border color and color of input when person presses a keydown? I can see that when a person enters wrong email adress, borders and colors stays red :D

    Oh, and instead of using height:100 vh i would recommend min-height:100vh; because on some devices height:100vh may cause some problems

    1
  • Muhammad Zaidi Zakariah•10
    @jxckfrostSubmitted about 1 year ago

    the most difficult part is trying to style the box itself, like i need to change it multiple times, at first it was perfect before adding the text then after adding the text it start to change shape and become not similar, next is trying to style for different view such as mobile phone view where i need to try and error several time, overall it was nice practice for me

    QR code component using vscode

    1
    NaQu•570
    @NaQu2003Posted about 1 year ago

    Hi, great job i have one advice to tell you :D I hope you will find this usefull ;)

    Use min-height: 100vh for body instead of height: 100vh. Setting the height: 100vh may result in the component being cut off on smaller screens, such as mobile devices in landscape orientation

    Of course it's not needed in that project, but for future challanges that you will take it can be usefull :)

    Marked as helpful
    0
  • Kvisus•60
    @KvisusSubmitted about 1 year ago

    Hello there. My q is about changing components on button click. How can i change betveen components w/o state overgrowth. Thanks

    rating component

    1
    NaQu•570
    @NaQu2003Posted about 1 year ago

    You should use a form with fieldset of radio and then you listen to submit event. I'm afraid that your HTML needs a bit of changing

    0
  • NaQu•570
    @NaQu2003Posted about 1 year ago

    Hi, it looks great! I wanted to ask also how you do it that your websites look 1:1 to designs?

    1