I need quick CSS/HTML help

SpawneR

Elite Member

Jr. VIP

Aug 15, 2014

4,062

3,875

• Jan 28, 2021

• #1

So I'm trying to add a new feature to my panel and I need your help guys!

So right now I have only 1 field (div) centered, I want to move it to the left and add another div just right next to it, like on the picture below:

How to do that?

 

FatBee

Elite Member

Apr 4, 2015

3,146

3,098

• Jan 28, 2021

• #2

You need to xhange the whole container to fluid and rework some things.

ill try to help you tomorrow cuz not on pc, worse case i can send you to my dev

 

LemonAcid

Senior Member

Jun 22, 2014

1,146

1,154

• Jan 29, 2021

• #3

make 1 main div like for section make it width: 100% flex
and within create 2 more divs
make them 70% and 30% width

 

Scorpion Ghost

Elite Member

Executive VIP

Jr. VIP

Mar 22, 2013

9,144

10,489

• Jan 29, 2021

• #4

I did something similar earlier today.

But im a noob so in the end i just used position:absolute and did it like that

I checked it on 6 browser and my phone, and to my surprise it looked perfect on all of them.

Anyway, cant help, good luck

 

codemaker

Banned - Abuse of Staff

Mar 6, 2013

846

520

• Jan 31, 2021

• #5

Here ya go mister

You don't really need to go with flex/grid for this one, it's using bootstrap so you just need to resize/reposition.
Just change col-md-8 col-md-offset-2 to col-md-8 col-md-offset-0 (gets the long section to the left)
and add new section with col-md-4 col-md-offset-0 (takes the lower empty section and puts in right next to the long one).
There, done!

 

Attachments

• 
  Screenshot_1.png

  163.3 KB · Views: 86

Last edited: Jan 31, 2021