HELP WITH FLEX BOX

Status
This thread has been locked.

FelixDev

Typical Developer and Designer
Premium
Feedback score
9
Posts
1,113
Reactions
331
Resources
0
unknown.png

here is my code and how it looks, The images is just examples tho still not working if I change em. Any ideas ?
 
PebbleHost
High performance, consistent uptime and fast support. Minecraft hosting that just works.

rome.

i'm a strong female princess
Premium
Feedback score
20
Posts
555
Reactions
135
Resources
0
weird flex but oke
 
Last edited:

FelixDev

Typical Developer and Designer
Premium
Feedback score
9
Posts
1,113
Reactions
331
Resources
0
What’s the issue the images aren’t in the center, correct? I can help fix it but I’d need to inspect the code myself and do it. Do you have it hosted anywhere?
Im in school currently but I'll happily add you on discord later ? I dont have it hosted anywhere tho..[DOUBLEPOST=1542024173][/DOUBLEPOST]
weird flex but oke
How should I do it tho ???
 
Last edited:

rome.

i'm a strong female princess
Premium
Feedback score
20
Posts
555
Reactions
135
Resources
0
Im in school currently but I'll happily add you on discord later ? I dont have it hosted anywhere tho..[DOUBLEPOST=1542024173][/DOUBLEPOST]
How should I do it tho ???
I dont understand what the problem is. Are you trying to position the images? This is HTML and CSS right? No other codes used
 

Meldiron

Feedback score
10
Posts
17
Reactions
12
Resources
0
PM me if you still need help, I can help you get it fixed in a minute.
Or add me on discord: Meldiron#0949
 

Joshua C

Web Developer & Designer
Supreme
Feedback score
106
Posts
1,328
Reactions
470
Resources
0
Pretty sure this is exactly what you wanted - https://codepen.io/HTHoldings/pen/oQYoLK

I've made this according to how you're wanting it.

What I did is, I've made it in 2 parts.

1) id="bottom" - The main container.
2) class="card" - To hold the profile and anything else.

I've set up #bottom as flex-direction: row so it will make all the items in its container to be on a ROW.

I've made the card part as flex-direction: column and text-align: center to make.
The column will make everything in the card to be on a column size and the text-align center to make it centered.
 
Last edited:

FelixDev

Typical Developer and Designer
Premium
Feedback score
9
Posts
1,113
Reactions
331
Resources
0
Thanks for all help <3
 
Status
This thread has been locked.
Top