Yashi-Singh-1 / Squiggle-Challenge

The Squiggle Challenge utilizes HTML and CSS to construct a visually engaging design. It incorporates semicircles and circular dots arranged within a centered container. Using absolute positioning and various styling properties such as border-radius, box-shadow, and background-color, it achieves a distinctive and dynamic appearance.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Squiggle Challenge

Challenge Description

The Squiggle Challenge creates a playful design using HTML and CSS. It features semicircles and circular dots arranged within a centered container. Each element is positioned absolutely to achieve the desired layout, with specific styling for borders, shadows, and background colors to enhance its visual appeal.

Preview

Ring Ring Preview

Live Demo

Check out the live demo here.

Prerequisites

  • HTML and CSS Basics

Tools Used

  1. VS Code (You can use any other code editor)
  2. A modern web browser (Chrome, Firefox, Safari, or Edge).
  3. Access to an internet connection for resource imports.

Contributing

If you'd like to contribute to this project:

  1. Fork the repository on GitHub.
  2. Clone your forked repository to your local machine:
  3. git clone https://github.com/Yashi-Singh-1/Squiggle-Challenge.git
  4. Create a new branch for your feature or bug fix:
  5. git checkout -b feature-name
  6. Make your changes and commit them with a clear and concise message:
  7. git commit -m 'Add new feature or fix'
  8. Push your changes to your forked repository:
  9. git push origin feature-name
  10. Open a pull request to the main repository.
  11. Ensure your pull request includes a detailed description of your changes.
  12. Respond to any feedback or questions during the review process.

We welcome improvements, bug fixes, and additional features that can enhance this Squiggle Challenge.

About

The Squiggle Challenge utilizes HTML and CSS to construct a visually engaging design. It incorporates semicircles and circular dots arranged within a centered container. Using absolute positioning and various styling properties such as border-radius, box-shadow, and background-color, it achieves a distinctive and dynamic appearance.


Languages

Language:CSS 57.8%Language:HTML 42.2%