Frontend Development Cents

Cents is a frontend development project I did with the 64 Robots agency. I was hired as a freelancer to implement the given design into pixel-perfect responsive pages using HTML, CSS, and Javascript. Some of the other technologies I used are NPM, Gulp, Sass, and Git/Github.





The challenging part was the implementation of the curve background in the header and footer. For users with slow internet connections, images tend to load a bit slower. This results in an odd effect that I am having difficulty putting into words. Anyway, the solution I did was to apply a linear gradient background using CSS while the curve background image is still getting ready to load.