• 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 Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Tim Cooke
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Liutauras Vilda
Sheriffs:
  • Rob Spoor
  • Junilu Lacar
  • paul wheaton
Saloon Keepers:
  • Stephan van Hulst
  • Tim Moores
  • Tim Holloway
  • Carey Brown
  • Scott Selikoff
Bartenders:
  • Piet Souris
  • Jj Roberts
  • fred rosenberger

Position problem with flexbox

 
Greenhorn
Posts: 2
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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:

 
Sheriff
Posts: 67642
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
Sheriff
Posts: 67642
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
Sheriff
Posts: 67642
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
P.S. a good read on grid: https://css-tricks.com/snippets/css/complete-guide-grid/
 
reply
    Bookmark Topic Watch Topic
  • New Topic