Responsive Recipe page

Solution retrospective
Hello everyone, I completed the challenge Recipe Page I made it responsive on different devices
You can take alook at my code and finished project for suggestions on beterment. I had a challenge with using font assets which were provided in the assets folder any help will be appreciated.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @RazaAbbas62
To use custom fonts:
-
Include Font Files:
- Place your font files in a folder (e.g., "fonts") within your project.
-
Define Font Face in CSS:
@font-face { font-family: 'YourFontName'; src: url('path/fonts/your-font-file.woff2') format('woff2'), url('path/fonts/your-font-file.woff') format('woff'); }
Replace
'YourFontName'
with the desired font family name, and update the file paths based on your project structure. -
Apply the Font in CSS:
body { font-family: 'YourFontName', sans-serif; }
Use the specified font family in the
font-family
property. If the custom font is unavailable, the browser will use a generic sans-serif font as a fallback.
I hope it will help.
Happy Coding :)
Marked as helpful -
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord