Last active
July 31, 2020 12:26
-
-
Save marcosfreitas/7c66f61c4921cf474121 to your computer and use it in GitHub Desktop.
Fixed Layout with Semantic UI
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
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <!-- add the semantic assets --> | |
| </head> | |
| <body> | |
| <style> | |
| /** | |
| * Semantic UI don't have a fixed grid system, the solution to build fixed layouts is use a grid inside a fixed container. | |
| */ | |
| .fixed.body { | |
| width: 100%; | |
| max-width: 1200px; | |
| } | |
| </style> | |
| <section class="fixed body"> | |
| <div class="ui grid"> | |
| <div class="three column centered row"> | |
| <div class="wide column"> | |
| <p>#1 Column</p> | |
| </div> | |
| <div class="wide column"> | |
| <p>#2 Column</p> | |
| </div> | |
| <div class="wide column"> | |
| <p>#3 Column</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
It's old and I think It's just for 1.x or 2.x versions