• 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
  • Paul Clapham
  • Jeanne Boyarsky
Sheriffs:
  • Devaka Cooray
  • Junilu Lacar
  • Tim Cooke
Saloon Keepers:
  • Tim Moores
  • Ron McLeod
  • Tim Holloway
  • Claude Moore
  • Stephan van Hulst
Bartenders:
  • Winston Gutkowski
  • Carey Brown
  • Frits Walraven

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: 67241
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: 67241
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: 67241
170
IntelliJ IDE Java jQuery Mac Mac OS X
 
my overalls have superpowers - they repel people who think fashion is important. Tiny ad:
ScroogeXHTML 8.2 - easy to use RTF to HTML converter library
https://coderanch.com/t/707504/ScroogeXHTML-RTF-HTML-XHTML-converter
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!