Latest solutions
countries api created with Tailwind Typescript Vue
#tailwind-css#vue#typescriptSubmitted about 2 years agomulti step form/ react typescript | framer-motion | tailwindCSS
#framer-motion#tailwind-css#typescript#reactSubmitted about 2 years agolaunch counter timer // typescript react, framer-motion, tailwind
#react#tailwind-css#typescript#framer-motionSubmitted about 2 years agourl-shortening-api // framer-motion, reactJS, tailwindCSS, Axios
#axios#framer-motion#react#tailwind-cssSubmitted about 2 years ago
Latest comments
- @YVANDD@bap-ssbm
you should be able to find the font family and colors in the style-guide.md file you get when downloading the starter code. Front-end mentor provides that file for every project!
it should look like this
## Layout The designs were created to the following widths: - Mobile: 375px - Desktop: 1440px ## Colors ### Primary Very Dark Magenta: hsl(300, 43%, 22%) Soft Pink: hsl(333, 80%, 67%) ### Neutral Dark Grayish Magenta: hsl(303, 10%, 53%) Light Grayish Magenta: hsl(300, 24%, 96%) White: hsl(0, 0%, 100%) ## Typography ### Body Copy - Font size: 15px ### Font - Family: [League Spartan](https://fonts.google.com/specimen/League+Spartan) - Weights: 400, 500, 700
- @rafiputra2000@bap-ssbm
Hello! For the blurred background I suggest using box-shadow property on your .sideNav class using a black color with some transparency such as rgba(0, 0, 0, 0.5); for example.
hope this helps! :)
Marked as helpful