• 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
  • Jeanne Boyarsky
  • Bear Bibeault
  • Knute Snortum
  • Liutauras Vilda
Sheriffs:
  • Tim Cooke
  • Devaka Cooray
  • Paul Clapham
Saloon Keepers:
  • Tim Moores
  • Frits Walraven
  • Ron McLeod
  • Ganesh Patekar
  • salvin francis
Bartenders:
  • Tim Holloway
  • Carey Brown
  • Stephan van Hulst

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: 67197
169
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: 67197
169
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: 67197
169
IntelliJ IDE Java jQuery Mac Mac OS X
 
incandescent light gives off an efficient form of heat. You must be THIS smart to ride this ride. Tiny ad:
RavenDB is an Open Source NoSQL Database that’s fully transactional (ACID) across your database
https://coderanch.com/t/704633/RavenDB-Open-Source-NoSQL-Database
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!