All comments

• 

  P

  Justin Green• 2,750

  @jgreen721

  Submitted 3 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

  20

  

  Muhammad Zariyan Asif• 150

  @MuhammadZariyanAsif123

  Posted 3 months ago

  Impressive.

  1
• 

  Ralph• 190

  @RalphPastel972

  Submitted 3 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

  20

  

  Muhammad Zariyan Asif• 150

  @MuhammadZariyanAsif123

  Posted 3 months ago

  Impressive :-) .

  0
• 

  Yordan• 160

  @Frame993

  Submitted 8 months ago

  

  Tip-calculator-app Public

  2

  20

  

  Muhammad Zariyan Asif• 150

  @MuhammadZariyanAsif123

  Posted 8 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

  @mingen898

  Submitted 10 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

  30

  

  Muhammad Zariyan Asif• 150

  @MuhammadZariyanAsif123

  Posted 10 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