Coding Challenge

Practice styled components in React and Python while using Transcrypt.

We'll cover the following

Problem statement

Currently, we have an application that can add, edit, and delete items in a list for us. To show the advantage of using styled components, change the following:

  • Change the rectangular buttons we used in app.py to be 100px wide.

  • Use rounded corners instead of squared-off corners. We can use the CSS border-radius attribute to achieve the round effect by setting it to about 15px, but feel free to experiment with it.

The application has the same functionality, where the styling is the only thing that is modified.

Get hands-on with 1200+ tech skills courses.