Muhammad Zariyan Asif
@MuhammadZariyanAsif123All comments
- @xStephxSubmitted 13 days ago@MuhammadZariyanAsif123Posted 6 days ago
It's good but there are responsiveness issues in the layout.
1 - @jgreen721Submitted 4 months agoWhat 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
What specific areas of your project would you like help with?@apply
in addition to custom CSS-ing...Yea, just getting used to the nuances there.Nothing specific comes to mind but always welcome feedback or suggestions.
- @RalphPastel972Submitted 4 months agoWhat 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
- 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.
- Any advice on the best way to refactor my JS code
- How to organise my CSS file better?
- @Frame993Submitted 10 months ago@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 helpful0 - @mingen898Submitted 11 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!
@MuhammadZariyanAsif123Posted 11 months agoHi,
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