Change style of rows depending on position (Css FizzBuzz)

  • Owner: Smaug
  • Difficulty:
  • Type: Improvement
  • Asigned to: Me
  • Date Created: Apr 26, 2017
  • Priority: Minor
  • Status: New
  • Resolution: Unresolved

Tags: CSS

Description

Use CSS to change the colors of the rows on the table so it's easier to read.

For a row which position is a multiple of 3 make the background of the row this color: #6276A3, for every 5th row make the background this color: #8AA6E5, and for rows that are a multiple of both change the background color to #262E40, and the text-color to white.

Add your code on the css/app.cs file.

Attachments

  • This challenge does not have any attachments.

Technical Notes

Use the nth-child selector to target rows at specific positions.

When you're done, push to your repo and submit your answer.

Publish your site for free on Github pages or Firebase Hosting

When you're done, push to your repo and submit your answer.

Source:

Procedure:

Requirements

Add your code to css/app.css and push to your fork.

Look at our help section for more information.

Look at our help section for more information about this.

Coding

To create your answer follow this steps:

  • Fork the repo to your account, or download the zip file
  • Solve the ticket
  • Commit your code
  • Push your changes
  • Publish your version in Github Pages
  • Submit your response

Troubleshooting | Help

If you have need clarification with the project, files, or description, open an issue on github.

For questions with the platform, email us at [email protected]

For help with github or coding, consult our Learning and Resources page, where you will find information and links to tutorials and other content.