KPC
Kevin Powell - Community•4mo ago
CDL

Flexbox- flex-start 1 element, but space the rest?

How would this be done? just out of curiosity.. I'm messing around with a page and I basically want the top nav-bar to have 1 element in the top left corner, but then the other element to space out between the rest of the section, if that makes sense? "this is a random..." should appear in the middle(ish)
No description
3 Replies
CDL
CDL•4mo ago
EDIT: I can have it space out nicely if I have a minimum of 3 elements, but if I only have 2, how would I accomplish this?
MarkBoots
MarkBoots•4mo ago
with flex you can give that second elemtent a margin-inline: auto 
<header>
  <div class="logo">CDL</div>
  <div class="text">Some text</div>
</header>
<header>
  <div class="logo">CDL</div>
  <div class="text">Some text</div>
</header>
header {
  display: flex;
  .text{
    margin-inline: auto
  }
}
header {
  display: flex;
  .text{
    margin-inline: auto
  }
}
No description
CDL
CDL•4mo ago
Great, thanks Mark!
Want results from more Discord servers?
Add your server
More Posts
i want make scroll effectI want to make this scroll effect using html, css, js, can anyone guide me?The post method is not supported for this route. Supported methods: GET, HEAD. for login pageI have the following login.blade.php ```php <form method="POST" action="{{ route('login') }}"> @How can i keep the value of a textbox after postbackI am not sure if i should ask this in front-end or back-end. But here it goes: I am developing a webWhat to do so that page loads when API calls are finished?https://snazzy-tiramisu-4033f2.netlify.app/ My JS lags behind since it is dealing with API, and firsscale animation overflowingi am trying to do a scale animation but its overflowing on hover can someone help me out i want the Strange bug on Chrome with backdrop-filter blurProblem: unexpected behavior on Chrome with Windows zoom setting to 125% or more, all fine with 100%Text animation inside a slider bar componentHello everyone. I built a slider bar to unlock the screen and I wanted to add some animation to the including all html files in npm build packageHey guys, it's my first time using npm to build a project (did this mainly to use threejs). When I r