CSS good first issues

AI Summary: This issue asks contributors to create a simple React card component that displays a random image. The component should include a title and description, and all necessary CSS is already provided. The task involves setting up the project, implementing the component according to specific requirements, and verifying its appearance locally.

AI Summary: This issue requires creating a React component in TypeScript that simulates a traffic light. The component should display red, yellow, and green lights that cycle through a typical traffic light sequence automatically, with only one light active at a time. Basic styling is provided, and contributors can start working immediately.

AI Summary: This issue requires a new contributor to make a Vitest test pass in a TypeScript project. The task involves adding `describe`, `it`, and `expect` statements to `src/sum.test.ts` so that the test returns `0` when no numbers are provided, without modifying the `sum.ts` file. Clear instructions and expected output are provided.

AI Summary: This issue requires implementing a simple JavaScript countdown timer that starts at 10 seconds and counts down to zero, displaying "Time's up!" when finished. The solution should update the display every second and must not alter the provided HTML or CSS files.

AI Summary: This issue asks for the implementation of a simple JavaScript function, `startScreenTimeWarning`, that tracks user time on a webpage. Once a predefined time limit is reached, the function should log a friendly reminder to the console for the user to take a break.

AI Summary: This issue requires creating a simple GET endpoint in a Spring Boot controller. The endpoint should handle requests to the root path and pass a "Hello, Spring Boot" message to a Thymeleaf template named "index" for display.

AI Summary: This issue requires creating a multi-stage Dockerfile to build a Node.js web application and serve it using Nginx. The goal is to optimize the final image size and configure environment variables and Nginx properly. The task involves creating a `Dockerfile` and an `nginx.conf` file.

AI Summary: This issue asks contributors to build a simple quote generator web application using the Solid.js framework. The app should fetch quotes, display them, and allow users to generate new quotes on demand, handling loading, error, and success states. The necessary CSS is already provided, and the focus is on data fetching and component updates within Solid.js.

AI Summary: This issue asks contributors to implement a basic counter component using the Solid.js framework. The task involves creating a state variable for the count, displaying it, and providing buttons to increment and decrement its value. It's designed as an introductory task for new contributors to Solid.js.

AI Summary: This issue requires creating a JSON file named `users.json` within the `tasks/json/easy` directory. The file should contain a list of at least 5 users, each with a unique `id`, `name`, and `email` field, adhering to standard JSON formatting.

AI Summary: This issue requires creating a simple PHP program to display the string "Beef" from a given array. The solution involves locating the `array.php` file within the `tasks/php/easy` directory and implementing the code to access and print the desired element. The project encourages new contributors to tackle these issues without needing explicit assignment.

AI Summary: This issue asks contributors to write a simple PHP program that concatenates two predefined strings, "Hello, " and "World!", and then prints the combined string to the terminal. It's designed as an introductory task for new contributors to practice basic string manipulation in PHP and the fork-commit-merge workflow.

AI Summary: This issue asks contributors to write a simple PHP program that prints "Hello, PHP!" to the console. The solution involves modifying the `hello.php` file within the `tasks/php/easy` directory. This is intended as a straightforward task for new contributors to practice the fork, commit, and merge workflow.

AI Summary: This issue asks contributors to add at least three sample products with names and prices to a `sampleProducts` array within a Next.js project. The goal is to populate a landing page for an imaginary online store. The instructions guide users through setting up the project, modifying the `index.tsx` file, and testing the changes locally.

AI Summary: This issue asks contributors to implement a Dart function named `calculateMean` that computes the arithmetic mean of a list of integers. The function should return the result as a double and must not utilize any built-in Dart functions for calculating the sum or average. The goal is to provide a solution for new contributors to practice the fork, commit, and merge workflow.

AI Summary: This issue asks contributors to create a Dart function named `countLength` that calculates the length of a string without using built-in String or Rune methods. The solution should be implemented in the `count_length.dart` file within the `tasks/dart/easy` directory.

AI Summary: This issue requires adding a simple footer with copyright information to the `footer.html` file. The footer should be enclosed in a `<footer>` tag and contain a `<p>` tag with the specific text "Copyright © 2026 Fork, Commit, Merge". This is intended as a beginner-friendly task for new contributors.

AI Summary: This issue asks contributors to add a simple horizontal navigation bar to an HTML page. The navigation bar should contain links to "Home", "About", and "Contact" pages, implemented using HTML's `<nav>`, `<ul>`, `<li>`, and `<a>` elements. The styling should ensure the navigation appears horizontally at the top of the page.

AI Summary: This issue is a beginner-friendly task for new contributors to the "fork-commit-merge" project. The goal is to add a simple `<h1>` tag with the text "John Doe" above an existing `<h2>` tag in the `simple-tag.html` file located within the `tasks/html/easy` directory. The issue emphasizes that no permission is needed to start, and the process involves forking, committing the change, and creating a pull request.

AI Summary: This issue asks contributors to create a simple Dart program that adds two numbers. The task involves defining a function `addNumbers` that takes two integers and returns their sum, and then uncommenting provided code in the `main` function to print the result. It's designed as an introductory task for new contributors to the project.

AI Summary: This issue asks a new contributor to create a basic C# console application. The application should prompt the user for their name and then display a personalized greeting. The goal is to provide a straightforward "fork, commit, merge" experience for first-time contributors.

AI Summary: This issue asks contributors to create a simple contact form within an existing HTML file. The form should include fields for name, email, and message, along with a submit button. No server-side functionality is required, and existing CSS will handle styling.

AI Summary: This issue requires creating a Bash script that navigates to a specific directory, creates three text files, writes a predefined string to each, and then displays their contents. It's designed as an introductory task for new contributors to practice basic Bash scripting and Git workflow.

AI Summary: This issue requires building a functional To-Do list application using React.js. The application needs to support adding, updating, and deleting To-Do items, with the crucial requirement of persisting the state to localStorage to prevent data loss on browser refresh. Basic Vite project styling is already in place, so focus is on core React functionality and state management.

AI Summary: This issue requires correcting the Markdown formatting of the `introduction.md` file located in the `tasks/markdown/easy` directory. The goal is to ensure the file adheres to proper Markdown syntax, making it ready for a pull request. This is an open issue suitable for new contributors.

AI Summary: This issue requires implementing the bubble sort algorithm in Python. Contributors need to create a `bubble_sort` function that sorts an array of integers in ascending order without using built-in sorting methods. The provided instructions guide users to the correct file and offer an example of the expected output.

AI Summary: This issue requires implementing `searchBooks` and `filterBooks` methods within the `src/library.js` file. These methods should enable users to find books in a library collection based on criteria such as title, author, or ID, ensuring that provided JavaScript tests pass.

AI Summary: This issue asks contributors to create a Rust program that calculates the n-th Fibonacci number. The task is straightforward, requiring basic Rust programming skills and an understanding of the Fibonacci sequence. Instructions on how to get started, compile, and run the program are provided, along with a note that no prior assignment is needed.

AI Summary: This issue is for new contributors to practice the fork, commit, and merge workflow. The task involves writing a simple Python program that prints "Hello, Python!" to the console. Instructions are provided on how to locate the file and run the program.

AI Summary: This issue asks contributors to create a simple responsive card component using Tailwind CSS. The card should include an image, title, subtitle, body text, and a button, with the image on the left and text on the right. Contributors only need to modify HTML classes within the `index.html` file.