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 be100px
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 about15px
, 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 1400+ tech skills courses.