display: flex
. Here you'll add it to several components in the tweet embed to start adjusting their positioning.
display: flex
to all of the following items - note that the selectors are already set up in the CSS:
header
, the header's .profile-name
, the header's .follow-btn
, the header's h3
and h4
, the footer
, and the footer's .stats
.
header
should have a display
property set to flex.
testString: assert($('header').css('display') == 'flex', 'Your header
should have a display
property set to flex.');
- text: Your footer
should have a display
property set to flex.
testString: assert($('footer').css('display') == 'flex', 'Your footer
should have a display
property set to flex.');
- text: Your h3
should have a display
property set to flex.
testString: assert($('h3').css('display') == 'flex', 'Your h3
should have a display
property set to flex.');
- text: Your h4
should have a display
property set to flex.
testString: assert($('h4').css('display') == 'flex', 'Your h4
should have a display
property set to flex.');
- text: Your .profile-name
should have a display
property set to flex.
testString: assert($('.profile-name').css('display') == 'flex', 'Your .profile-name
should have a display
property set to flex.');
- text: Your .follow-btn
should have a display
property set to flex.
testString: assert($('.follow-btn').css('display') == 'flex', 'Your .follow-btn
should have a display
property set to flex.');
- text: Your .stats
should have a display
property set to flex.
testString: assert($('.stats').css('display') == 'flex', 'Your .stats
should have a display
property set to flex.');
```
I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
1:32 PM - 12 Jan 2018