Win a copy of Grokking Bitcoin this week in the Cloud/Virtualization forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Liutauras Vilda
  • Bear Bibeault
  • Tim Cooke
  • Junilu Lacar
Sheriffs:
  • Paul Clapham
  • Devaka Cooray
  • Knute Snortum
Saloon Keepers:
  • Ron McLeod
  • Tim Moores
  • Stephan van Hulst
  • Tim Holloway
  • Frits Walraven
Bartenders:
  • Carey Brown
  • salvin francis
  • Claude Moore

Position problem with flexbox  RSS feed

 
Greenhorn
Posts: 2
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hello,

I can not place items on my page with flexbox.
I have to put "Welcome to CEFiI Golf!" next to the block "events" and put "our services" and "has one!" below "Welcome to CEFii Golf!" as on the picture, with flexbox. I do not understand, I tried everything, but nothing works. How to do ?



here is my HTML5 code:



And here is my code css3:

 
Marshal
Posts: 67256
170
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
That's a lot of code and CSS to wade through, but it occurs to me that your layout might be better suited to grid rather than flex.

Also, I see some floats in there. Flex and floats often don't mix well. I would favor one over the other.
 
john kaldwin
Greenhorn
Posts: 2
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

Bear Bibeault wrote:That's a lot of code and CSS to wade through, but it occurs to me that your layout might be better suited to grid rather than flex.

Also, I see some floats in there. Flex and floats often don't mix well. I would favor one over the other.



thank you for your answer, but how to make it?
I will try to make it shorter
 
Bear Bibeault
Marshal
Posts: 67256
170
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
It’s also helpful to put your code up on someplace like Codepen where people can play with it. (But be sure to still post it here for reference .)
 
Bear Bibeault
Marshal
Posts: 67256
170
IntelliJ IDE Java jQuery Mac Mac OS X
 
It is an experimental device that will make my mind that most powerful force on earth! More powerful than this tiny ad!
Create Edit Print & Convert PDF Using Free API with Java
https://coderanch.com/wiki/703735/Create-Convert-PDF-Free-Spire
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!