@CoolNight99
Submitted
@Nalish
@CoolNight99
Submitted
@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.
@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
Posted
The custom cursor was a very good addition to your project.
@wendykrwn
Submitted
@Nalish
Posted
The design is perfect.It completely matches the template that was provided.
@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
Posted
The design was good however the background color did not march accurately.
@Siglyane
Submitted
@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.