Find three examples of graphically interesting calendars. I'd suggest that you Google "modern calendar designs" or something similar. These may give you some inspiration for your own calendar design.
Finish markup and then creatively style the following:
September 2024 Organization Calendar: Exercise #3.
Your final version of the calendar should be responsive and should resemble the following screenshots, but incorporate your own design ideas -- desktop version and mobile version.
Include the following:
- Create a fictitious organization of some kind
- Create a logo for the organization. Make it have alpha transparency.
- Save logo as PNG-24 and WebP, then further optimize using an online tool.
- Edit document title to include your organization name
- Create your style sheet and save in /css.
- Use a single stylesheet with the media queries inside it, instead of in a separate file.
- Populate links and style the navigation.
- Use picture element to server the WebP to browsers that support it, and fall back to the PNG for those that don't.
- Use a color scheme that matches your logo colors.
- Use display: flex; for layout
- Use flex-wrap to make the boxes for the days wrap
- Use a different special character or create an icon for previous/next links.
- Use one or more Google fonts
- Use text-transform to get initial capital letters where necessary.
- Create mobile navigation.