Rendering Khan Academy’s Learn Menu Wherever I Please

What we’re working with

The LearnMenu Component

return <ul
className={css(
styles.domains,
this.props.hasFiveColumns && styles.domainsFiveColumns
)}
>
{this.props.domains.map(this.renderDomain)}
</ul>;
domains: {
...sharedStyles.defaultAlignment,
paddingBottom: sectionPadding - gapBetweenStackedDomains,
columnCount: 4,
},
domainsFiveColumns: {
[mediaQueries.xl]: {
columnCount: 5,
},
},

One Happy Developer

--

--

JavaScript clickbait enthusiast. Giving you superpowers.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store