You could possibly extend the components to support more styling like margins, paddings or borders, just to name a few. What we built here was an example of a responsive grid with styled-components with basic functionality. Since we did not set a column span for large screens, both columns look the same like they look on medium screens. Then I added a Column component, which has by default float: left set, and a width of 100% (mobile first, you remember?). In the following screenshot you will see, that I created a component called Row which is needed to clear the float after the columns.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |