This is a solution to the Space tourism website challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for each of the website's pages depending on their device's screen size
- See hover states for all interactive elements on the page
- View each page and be able to toggle between the tabs to see new information
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
- Vite.js - React framework
- Styled Components - For styles
- TailwindCSS - CSS framework packed with classes
Able to set custom fonts for tailwind classes
module.exports = {
theme: {
fontFamily: {
'barlow': ['Barlow', 'sans-serif', '"Open Sans"'],
},
}
}
<h1 className="font-barlow">Some HTML code</h1>
- Website - Nicolas Samuel
- Frontend Mentor - @nicolsam
- Linkedin - @nicolveras