Welcome to "Advent of CSS" a repository with CSS challenges for beginners!
This repository contains 25 CSS challenges that are designed to help beginners improve their CSS skills. Each challenge comes with a description, some basic HTML code to get started, and any instructions or hints that the learner might need.
To get started, simply download/clone this repository to your local machine and start working on the challenges. You can work through the challenges in order, or jump around to the ones that interest you the most.
Each challenge is contained in its own HTML file, and includes a corresponding solution file. Once you've completed a challenge, you can check your work by comparing your code to the solution file.
Don't forget to give this repo a star โญ๏ธ
- Create a webpage with a background color of your choice.
- Add a border around an element on the page.
- Change the font of a paragraph to a different font.
- Center an element horizontally on the page.
- Add padding to an element.
- Change the font size of a paragraph.
- Change the color of text on the page.
- Add a hover effect to a button.
- Add a shadow to an element.
- Create a navigation bar with links to other pages.
- Add a background image to the page.
- Add a gradient background to an element.
- Create a responsive webpage that adjusts to different screen sizes.
- Add a transition effect to an element.
- Create a dropdown menu in the navigation bar.
- Add a sticky header to the page.
- Add a tooltip to an element.
- Create a progress bar.
- Create a table with rows and columns.
- Create a form with input fields and a submit button.
- Create a responsive grid layout.
- Add a transform effect to an element.
- Create a flexbox layout.
- Add a filter effect to an image.
- Add a parallax effect to the page.
If you would like to contribute to this repository, checkout the contributing guidelines and please feel free to submit a pull request. We welcome any and all contributions that can help make this repository better!
This repository was created by Paul Ehikhuemen. You can find more guides for web development at Codeskills blog
This repository is licensed under the MIT License. You are free to use, share, and modify this content as long as you give credit to the original author.