LogoLogo
NFTEmbedGravitonHelp
  • 🖼️NFT Embed
  • Intro
    • 🤔What is NFT Embed?
    • 🔢How to use NFT Embed
    • 🎛️Embed Features
    • ❓FAQs
  • Custom Styling
    • Using Custom Styles (CSS)
    • Fonts and Colors
      • Fonts
      • Colors
    • Spacing and Orientation
      • Padding
      • Margins
      • Alignments
    • Code Examples
      • Full Code with Comments
    • Tips for Customization
  • Details
    • ⚙️Features
      • 🧑‍⚖️Auctions
      • 🧑‍🎨Collections
      • 🤝Finders Fee
      • 🏪Marketplace
        • Collection Royalties
      • ⚛️React SDK
    • 🧰Implementations
      • 🔳SquareSpace
      • 🔡WebFlow
      • 🛍️Shopify
  • Resources
    • 🛠️Tools
    • 🙋Support
  • 📩Contact Us
  • 🧲Graviton
  • 🎨NFT Embed
Powered by GitBook
On this page

Was this helpful?

  1. Custom Styling
  2. Spacing and Orientation

Margins

PreviousPaddingNextAlignments

Last updated 2 years ago

Was this helpful?

The majority of these settings should get left as default. However, if you feel confident, feel free to adjust and change the parameters.

Adjusting “margins” will change the space around elements.

When unspecified, margin is applied equally around elements. The margin property has four values.

  • top margin

  • right margin

  • bottom margin

  • left margin

"margin": "0.2rem", // a single value means space is equal

Other values:

// Use these variables for creating space around elements
// You can use all of them or the desired side 

"margin-top": "5px", // Create margin above elements
"margin-bottom": "5px", // Create margin below elements
"margin-right": "5px", // Create margin to the right of elements
"margin-left": "5px", // Create margin to the left of elements
"margin": "0.5em", // a single value means space is equal
"margin": "10% 0",
"margin": "10px 5px 10px", // top , sides , bottom
"margin": "5px 10px 5px 10px", // top, right, bottom, left (Clockwise)

Values can be used individually.

"margin": "0", // no margins around the element
1 px margin — gap between boxes
5 px margin — gap between boxes
10 px margin — gap between elements
20 px margin — gap between elements