Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Search for GitHub users by their username
- See relevant user information based on their search
- Switch between light and dark themes
- Bonus: Have the correct color scheme chosen for them based on their computer preferences. Hint: Research
prefers-color-scheme
in CSS. - Error message for searches with no results
mobile | tablet | desktop |
---|---|---|
- Live Site URL: Site Link
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- React - JS library
- Next.js - React framework
- @emotion/styled - For styles
- CSS grids and calculating fr units
- Responsive grid designs