Bolvarsdad
Bolvarsdad
PostsComments
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
and about needing separate sections was my brain not braining
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
my bad 
.classguides_container,
.bossguides_container,
.dungeonguides_container {
    display: grid;
    place-items: center;
}
.classguides_container,
.bossguides_container,
.dungeonguides_container {
    display: grid;
    place-items: center;
}
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
need to have them as different sections
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
.classguides_container,
.bossguides_container,
.dungeonguides_container {
    display: grid;
}
.classguides_container,
.bossguides_container,
.dungeonguides_container {
    display: grid;
}
      <section class="classguides_container grid_col_span_3 bg_secondary">
        <div class="grid">
          <div class="item">Fury</div>
          <div class="item">Arms</div>
          <div class="item">Protection</div>
        </div>
      </section>
      <section class="bossguides_container grid_col_span_3 bg_secondary">
        <div class="grid-4">
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
        </div>
      </section>
      <section class="dungeonguides_container grid_col_span_3 bg_secondary">
        <div class="grid-4">
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
        </div>
      </section>
      <section class="classguides_container grid_col_span_3 bg_secondary">
        <div class="grid">
          <div class="item">Fury</div>
          <div class="item">Arms</div>
          <div class="item">Protection</div>
        </div>
      </section>
      <section class="bossguides_container grid_col_span_3 bg_secondary">
        <div class="grid-4">
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
        </div>
      </section>
      <section class="dungeonguides_container grid_col_span_3 bg_secondary">
        <div class="grid-4">
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
        </div>
      </section>
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
No description
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
No description
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
:peepoShrug:
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
I want to centralize the text
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
No description
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
okay it's the place-items: center that's messing it up
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
really readable as well
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
awesome, thank you so much
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
Actually I guess it makes sense that only the text part is getting lit up since there's only really a <p> tag there
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
No description
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
No description
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
No description
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
.main_container {
    display: grid;
    gap: 1.5rem;
    width: min(60vw, 70rem);

    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr .3fr .5fr .5fr .5fr;

    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;

    font-family: var(--ff_secondary);
    font-size: var(--fs_400);
    font-weight: var(--fw_700);
}
.main_container {
    display: grid;
    gap: 1.5rem;
    width: min(60vw, 70rem);

    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr .3fr .5fr .5fr .5fr;

    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;

    font-family: var(--ff_secondary);
    font-size: var(--fs_400);
    font-weight: var(--fw_700);
}
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
All of those section tags are inside of <main class="main_container">
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
Also if it helps
35 replies
KPCKevin Powell - Community
Created by Bolvarsdad on 7/16/2024 in #front-end
How to split a div into even sections?
How would I go about making them take up a third of the space?
35 replies