React Fundamentals

0% completed

Previous
Next
Code Challenge

Challenge 1: Traditional CSS Styling

Follow these instructions to complete your challenge:

  1. In the App component, return two buttons with texts - "Left-aligned button" and "Right-aligned button" respectively.
  2. Style the buttons in either the index.css or app.css file.
  3. Import the stylesheet into the App.jsx file.

Expected Output

Image

Challenge 2: Styling with TailwindCSS

Follow these instructions to complete your challenge:

  1. Align two buttons, left and right of the webpage.
  2. Style the left-aligned button to have a dark-green background and white text color.
  3. Style the right-aligned button to have a light-green background and black text color.

Note: If you don't have a good knowledge of TailwindCSS, you can use the example in the lesson as a guide for the buttons background color.

Expected Output

Image

.....

.....

.....

Like the course? Get enrolled and start learning!
Previous
Next