Applied Visual Design: Create a Gradual CSS Linear Gradient
background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...)
The first argument specifies the direction from wh...
the header and footer in the tweet embed example have child items that could be arranged as rows using the flex-direction property.
this tells css to align the childre...
adding display: flex to an element turns it into a flex container.
this makes it possible to align any children of that element into rows or columns.
you do this by adding the flex-d...
to the right is the tweet embed that will be used as the practical example.
some of the elements would look better with a different layout.
the last challenge demonstrated display: flex.
here ...
sometimes the flex items within a flex container do not fill all the space in the container. it is common to want to tell css how to align and space out the flex items a certain way. fortunately, t...
the tweet embed header and footer used the flex-direction property earlier with a row value.
similarly, the items inside the .profile-name element would work...
the last two challenges used the flex-direction property set to row.
this property can also create a column by vertically stacking the children of a flex container.
add the...