Skip to content

rtio/landing-page-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Landing page challenge - beginner level

Final result

The goal of this challenge is to create a basic landing page using the provided HTML and CSS files as a starting point. Your task is to update the CSS file to match the design of the example provided, which includes a grid layout, HTML semantics, a table, columns, and a hero section with a clean, elegant design.

Helpful Resources and Tips

Here are some helpful resources and tips to complete this challenge:

  • Review the example design and CSS code to understand the layout and styling requirements
  • Use your browser's developer tools to inspect the elements on the page and experiment with different CSS styles
  • Consider using a CSS framework like Bootstrap or Material UI to simplify styling and layout
  • Use online resources like W3Schools or MDN Web Docs to learn more about CSS properties and values
  • Good luck, and happy coding!

Design resources

CSS resources

Flexbox training

Contributing

To contribute to this challenge, please follow these steps:

  1. Fork the repository
  2. Clone the forked repository to your local machine
  3. Make changes to the CSS file to match the design of the example provided
  4. Test your changes in a web browser to ensure they match the design
  5. Commit your changes and push them to your forked repository
  6. Create a pull request to merge your changes into the main repository

Note: Please do not make changes to the HTML file provided, as the challenge is focused on updating the CSS only.

Good luck, and happy coding! 🥂

About

This is a small HTML + CSS challenge for my students.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published