Tholfikar Mohammed
@ZolfikaarAll comments
- @ZolfikaarSubmitted 4 months ago@ZolfikaarPosted 4 months ago
I added the following: #1: I added a confirm modal for changing invoice status ✅ #2: Clicking outside the modals will close the modal ✅ #3: I added a rate limiter to prevent generating more than 5 draft invoices per minute ✅
0 - @Ali-NashSubmitted 9 months ago
help me to improve
@ZolfikaarPosted 9 months ago- You can use padding for content div like so: padding: 50px 0 40px 0;
- You don't need to set the height for the content div, it will take the height by its content already unless you have limited space so you can use max-width to ensure that the content won't take more space than you want to.
- For colors, you can use CSS variables especially if you have a complex project that uses the variable value on different things (e.g primary color) like so: At the top of your CSS sheet define a root selector :root{ --primary-clr: hsl(75, 94%, 57%); --gray-clr: var(--Grey); }
.content h2 { color: var(--primary-clr); } by that way, if you have say 20 elements that use this (--primary-clr) value, and for any reason you want to change it you can do so from one place in the root selector.
- For the hover effect on links buttons you can add this: .content ul li:hover { background-color: var(--primary-clr); cursor: pointer; } .content ul li:hover a{ color: var(--gray-clr); }
0 - @Lakshmi-000Submitted 12 months ago
just practicing how to upload
@ZolfikaarPosted 12 months agoIt's not working, if it's a vue or react project, you need to run build command in the project folder so that GitHub can find your project's compiled files.
this link may help you.
0 - @ZolfikaarSubmitted over 1 year ago
- I had some elements which have svg backgrounds that won't respond to the coordinate so their style (the elements) appears not exactly as the project suggests, I'll try my best next project.
- I tried to use Bootstrap 5 at the beginning thinking that would make the whole process easier, then I found it kind of hard migrating to the last version since the last time I worked with Bootstrap was when it was at version 4, so I end up dropping it completely, and write my custom style, which I found it much easier and enjoyable, and this situation made me think that if I considering working with last version of bootstrap in the next big project (which I am), then I need to find a good course or at least give the migration documents a try.
- Working with vuejs was nice and easy, yet I think I need to read the documentation.
- Because am not totally familiar with vuejs 3, and most of my experience with it was with vuejs2, the form is not showing the error message right now, but I'll fix it as soon as i can.
@ZolfikaarPosted over 1 year agoI have a major issue with importing/loading images, in the local host they work fine, but the problem appeared when deploying it to GitHub pages, the images on the home page are loaded but not the other pages, so any help would be appreciated
0 - @FETYagencySubmitted over 1 year ago
I just focused on building the select element , and i made it i highly recommend for you to see it ask in the comment HOW YOU MADE IT and i will give you a detailed answer about it,** go ahead and feed me back about it** ;)
@ZolfikaarPosted over 1 year agoThe design is great and you have done a nice job, but as a normal user I was expecting the dropdown to close when I click away, not specifically on the arrow, I know this may not be in the project tasks, yet I think it's worth mentioning.
1 - @georgeCx5Submitted over 1 year ago
Any feedback is kindly welcome 🙂
@ZolfikaarPosted over 1 year agoNice one, but there is some white space to the right at medium screen size (tablet) and also small screen, I think the content needs to be more centered to eliminate that white space. Anything else looks fine.
0 - @ZolfikaarSubmitted about 3 years ago
Any feedback would be appreciated! Thank you
@ZolfikaarPosted about 3 years agoHey, thanks for your helpful feedback. I already fixed some issues after I uploaded the solution, like the position of the first card, but unfortunately, the solution design that appears here still referring to the first stage, you can see the changes when you open the page live. I actually consider this attempt as a failure, I already build some single-page templates like this and I am kind of used to it, but I don't know why I get rushed when I was working on this one. anyway, I read your feedback and I will start fixing the issues you refer to one by one asap.
0