🌈
NextGenCSS
  • 🔥NextGenCSS🔥
    • How to Contribute ?
  • Installation
    • Install and Use
    • Set Up
    • React
  • 🌟Quick Start
    • Get Started
    • Optimizations
    • Breakpoints
    • Colors
    • Buttons
    • BackGround Color
    • Border
    • Font
    • Icons
  • 🧩Components
    • Box
    • Card
    • Footer
    • NavBar
    • Switch
  • ⚒️Utilities
    • Display
    • Align
    • Center
    • Flex
    • Left
    • Right
    • Padding
    • Margin
    • Grid
    • Scale
  • forms
    • Input Box
  • ☺️Releases and Changelog
    • 0.0 🔥🔥 1st Release
Powered by GitBook
On this page
  • Box
  • Examples

Was this helpful?

Edit on GitHub
  1. Components

Box

Box in NextGenCSS🔥

Last updated 1 year ago

Was this helpful?

Box

This class creates a basic, responsive container with consistent styling for content blocks. It's ideal for structuring content sections and aligning elements within them.

Use this component by adding .box class in element....

The center-box class aligns content within that container.

The full-width-box class will make the width of box full

Examples

<div class="box full-width-box"> 
   <div class="center-box"> 
     <h2>This heading is centered both horizontally and vertically</h2>
  </div>
    <p>This paragraph is also centered within the box.</p>
</div>
🧩
Output