This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
### Keybase proof | |
I hereby claim: | |
* I am kenhoff on github. | |
* I am kenhoff (https://keybase.io/kenhoff) on keybase. | |
* I have a public key ASCtn-B6nPB7MUmADL9n83ZQfSykucq0y9YWotacSiUYIwo | |
To claim this, I am signing this object: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="grid"> | |
<div class="topnav" /> | |
<div class="subnav" /> | |
<div class="header" /> | |
<div class="content" /> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class ContentComponent extends React.Component { | |
render() { | |
return ( | |
<React.Fragment> | |
<div className="header"/> | |
<div className="content"/> | |
</React.Fragment> | |
); | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="grid"> | |
<div class="topnav" /> | |
<div class="subnav" /> | |
<div> | |
<div class="header" /> | |
<div class="content" /> | |
</div> | |
</div> | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class ContentComponent extends React.Component { | |
render() { | |
return ( | |
<div> | |
<div className="header"/> | |
<div className="content"/> | |
</div> | |
); | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="grid"> | |
<div class="topnav" /> | |
<div class="subnav" /> | |
<div class="header" /> | |
<div class="content" /> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div className="grid"> | |
<TopNav /> | |
<SubNav /> | |
<ContentComponent /> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.grid { | |
display: grid; | |
grid-template-areas: | |
'topnav header' | |
'subnav content'; | |
grid-gap: 1em; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="app"> | |
(...a bunch of other elements) | |
<ComponentA></ComponentA> | |
<ComponentB></ComponentB> | |
<ComponentC></ComponentC> | |
(...a bunch more elements) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="app"> | |
(...a bunch of other elements) | |
<div> (my react component) | |
<ComponentA></ComponentA> | |
<ComponentB></ComponentB> | |
<ComponentC></ComponentC> | |
</div> | |
NewerOlder