milligram

// main.js or App.js (for a React/Vue/Angular project using a bundler) // 1. Ensure normalize.css is included for consistent base styles. // You might already have this from a project setup tool. import 'normalize.css'; // 2. Import Milligram's main CSS file. // This assumes you have installed it via npm/yarn: `npm install milligram` import 'milligram/dist/milligram.min.css'; // Now, your application's components will automatically pick up Milligram's styles. // For example, a simple React component demonstrating usage: import React from 'react'; function App() { return ( <div className="container" style={{maxWidth: '960px', margin: '0 auto', padding: '20px'}}> <h1>Welcome to My App</h1> <p>This paragraph is styled by Milligram. It's a lightweight and modern CSS framework.</p> <button className="button-primary">Click Me</button> <button>Learn More</button> <form> <fieldset> <label htmlFor="nameField">Your Name</label> <input type="text" placeholder="Jane Doe" id="nameField" /> <label htmlFor="ageRange">Age Range</label> <select id="ageRange"> <option value="0-18">0-18</option> <option value="19-35">19-35</option> <option value="36+">36+</option> </select> <input className="button-primary" type="submit" value="Submit" /> </fieldset> </form> </div> ); } export default App;