Skip to content
OverviewSolutions
14
Comments
7
Tholfikar Mohammed
@Zolfikaar

All comments

  • Tholfikar Mohammed•410
    @ZolfikaarPosted 5 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
  • Tholfikar Mohammed•410
    @ZolfikaarPosted 10 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
  • Tholfikar Mohammed•410
    @ZolfikaarPosted 12 months ago

    It'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
  • Tholfikar Mohammed•410
    @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.

    Designo - Vuejs multi-page website

    1
    Tholfikar Mohammed•410
    @ZolfikaarPosted over 1 year ago

    I 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
  • Tholfikar Mohammed•410
    @ZolfikaarPosted over 1 year ago

    The 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
  • Tholfikar Mohammed•410
    @ZolfikaarPosted over 1 year ago

    Nice 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
  • Tholfikar Mohammed•410
    @ZolfikaarPosted about 3 years ago

    Hey, 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