Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Nalish 40

    @Nalish

    Posted

    To make it similar to the design you can add the box-radius property and set it to around 10px..This will make the corners a bit curved just like in the design.

    0
  • P

    @cravsky

    Submitted

    What are you most proud of, and what would you do differently next time?

    I am happy with the buttons that have focus state and custom cursor

    button:focus {
        outline: none;
        box-shadow: 0 0 0 1px var(--green);
        cursor: url('./assets/handcursor.svg'), auto;
    }
    

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

    The most difficult part was changing a cursor color. I had to find and include custom cursor in the project.

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

    I have multiple @font-face at-rules in my style.css Shall I put them into another file? Is there a way to compress them?

    Nalish 40

    @Nalish

    Posted

    The custom cursor was a very good addition to your project.

    0
  • Nalish 40

    @Nalish

    Posted

    The design is perfect.It completely matches the template that was provided.

    0
  • Nalish 40

    @Nalish

    Submitted

    What are you most proud of, and what would you do differently next time?

    One thing. that I am very proud of is the styling of the component. Knowing how to rightly position the div elements to get a design similar to the one that was provided.

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

    One challenge I encountered is knowning the exact colours that were used especially in the background. I overcame it by selecting a color similar to it and manipulating its RGB values to obtain a color very close to it.

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

    Areas I would love some help in is knowing how to position the QR code to the centre of the page.

    Nalish 40

    @Nalish

    Posted

    The design was good however the background color did not march accurately.

    0
  • Nalish 40

    @Nalish

    Posted

    Improvement that can be made concerns the fonts ...there is the header part which ought to be larger and bolder than the rest of the text.

    0