Skip to content
OverviewSolutions
10
Comments
5
Muhammad Zariyan Asif
@MuhammadZariyanAsif123

All comments

  • Muhammad Zariyan Asif•150
    @MuhammadZariyanAsif123Posted 14 days ago

    It's good but there are responsiveness issues in the layout.

    1
  • Justin Green•2,770
    @jgreen721Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Some alright reusability of some form components (inputs), albeit with a somewhat lengthy props list but in theory, I think the form can scale a bit. Can always (or usually) be a little tidier.

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

    Just getting more practice/acclimated to using Tailwind. On one hand its pretty awesome to just knock out a bunch of utility classes and immediately get some decent styling, but then knowing when to prune and create a custom class with the @apply in addition to custom CSS-ing...Yea, just getting used to the nuances there.

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

    Nothing specific comes to mind but always welcome feedback or suggestions.

    Responsive Animated Solution using NEXT and Tailwind

    1
    Muhammad Zariyan Asif•150
    @MuhammadZariyanAsif123Posted 5 months ago

    Impressive.

    1
  • Ralph•190
    @RalphPastel972Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I feel I leveled up with this one! I had to tackle many unplanned challenges. It works well.

    • I solidified my DOM manipulation proficency
    • I practiced JS a lot more than I expected (👍🏾)
    • I used regex validation for the first time
    • It was surprisingly harder than my calculator project
    What challenges did you encounter, and how did you overcome them?
    • My estimating skills are bad: Originally, I estimated I could do it in just 8 hours. Let's just say it took me way longer.
    • As I didn't have a clear vision beforehand, my code started to be spagettified. I still need to refactor it! I know!
    • I wasted a lot of time trying to implement a way to prevent the user to type forbidden character when at the end, a simple regex validation is good enough IMHO.
    What specific areas of your project would you like help with?
    • Any advice on the best way to refactor my JS code
    • How to organise my CSS file better?

    Responsive mortgage repayment calculator

    1
    Muhammad Zariyan Asif•150
    @MuhammadZariyanAsif123Posted 5 months ago

    Impressive :-) .

    0
  • Muhammad Zariyan Asif•150
    @MuhammadZariyanAsif123Posted 10 months ago

    Hi,

    There is an issue in the "Bill" and "Number of People" fields. In your case, the user can enter the negative values inside the fields which is wrong.

    Marked as helpful
    0
  • mingen898•10
    @mingen898Submitted 12 months ago

    Hello! I just finished learning the basics of HTML and CSS so I wanted to get some practice in. This is my first-ever challenge on GitHub! Unfortunately, I haven't learned Java Script yet so I couldn't make this website interactive, so here's the design part! I've had some trouble trying to fit the background pattern into the top part of the page, which is why my CSS code for it is messy. I made the width of the image 100% so that it covers the entire width of the page, at the same time trying to make the height smaller. But doing so made the width of the image smaller even though it's still 100% and I don't understand why. Any feedback would be appreciated!

    FAQ-accordion (HTML and CSS only)

    2
    Muhammad Zariyan Asif•150
    @MuhammadZariyanAsif123Posted 12 months ago

    Hi,

    You can fixed this issue by setting the body with background-image with this pattern and background-repeat = "no - repeat" something like this.

    In CSS FILE:

    body { background-image: url("your image"); background-repeat: no-repeat; }

    0