Home >Web Front-end >CSS Tutorial >GMX.css: Create a simple layout

GMX.css: Create a simple layout

Patricia Arquette
Patricia ArquetteOriginal
2024-12-14 09:32:10216browse

GMX.css: Create a simple layout

Make a simple web page can be difficult, because a lot of ugly and unstyled components built in by browser. But of course, you can customize all of it with CSS. But styling can waste your times, makes you not serious about building applications.

GMX.css, an CSS framework that comnes with a lot of beautiful styled components with Material Design based, you can building your web apps many times easier and faster. This is how you can make an simple layout with GMX.css.

First, you need to import the CSS and Iconify Icon. We recommended to use the JSDelivr CDN.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/LIGMATV/gmx.css@main/gmx.css">
<script src="https://cdn.jsdelivr.net/npm/iconify-icon@2.1.0/dist/iconify-icon.min.js"></script>

Second, we built the simple navigation. And also it was really responsive! In desktop, it will showed in left and vertical, meanwhille in mobile, it will showed in bottom and horizontal.

Third, built some container with typography and button. You can learn from here.

You now can built an simple web app with GMX.css. For more explore, visit the website to see the demos and examples of the elements you want to copy ??
https://ligmatv.is-a.dev/gmx.css/ (Source code)

The above is the detailed content of GMX.css: Create a simple layout. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn