Next.js Discord

Discord Forum

align all buttons to the right of the wrapper

Unanswered
Cape lion posted this in #help-forum
Open in Discord
Cape lionOP
Pretty much everything is described in the image blueprint and the name. Basically i want to remove these twitch buttons and align all youtube button to the right so their position won't matter of the lenght of the name. I can send you the code trough PMs. I would be really happy if that could be fixed.

34 Replies

Arinji
@Cape lion is this a job post? Or are you asking for someone to fix your broken code for you with no help from your side.
@Arinji <@1196058345291911259> is this a job post? Or are you asking for someone to fix your broken code for you with no help from your side.
Cape lionOP
Well i bought a website and the website creator didn't make it as I wanted and i have limited knowledge in next.js so i would be really glad if someone helped me since it is a very little of an issue
Original message was deleted
B33fb0n3
https://discord.com/channels/752553802359505017/1263039218750324798
Original message was deleted
Cape lionOP
deleted
@Cape lion Pretty much everything is described in the image blueprint and the name. Basically i want to remove these twitch buttons and align all youtube button to the right so their position won't matter of the lenght of the name. I can send you the code trough PMs. I would be really happy if that could be fixed.
joulev
<div class="wrapper">
  <div class="list">
    <div class="item">
      <div class="item-name">
        Lorem ipsum
      </div>
      <div class="icon">
        Icons
      </div>
    </div>
    <div class="item">
      <div class="item-name">
        Dolor
      </div>
      <div class="icon">
        Icons
      </div>
    </div>
    <div class="item">
      <div class="item-name">
        Sit Amet
      </div>
      <div class="icon">
        Icons
      </div>
    </div>
  </div>
</div>

.wrapper {
  border: 1px solid black;
  background: lightyellow;
  width: 12rem;
  padding: 1rem;
}
.list {
  display: flex;
  flex-direction: column;
}
.item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
there you go
meanwhile, look up some tutorials or articles on CSS flexbox
@joulev meanwhile, look up some tutorials or articles on CSS flexbox
Cape lionOP
I know css super well i know it for 4 years but that website file is really weird.
mind if i send you it?
i dont really understand it it is basically just a lot of script paths and thats it
joulev
btw job posts and money incentives like the old title are not allowed in this server
@Cape lion mind if i send you it?
joulev
no. even if you sent me that, i wouldn't have time to read through all that. you have to figure it out on your own based on suggestions provided by members here.
I was asking for help
Volunteered help. i don't need to mention it. It is self explanatory
American Chinchilla
Voluntary help isnt “code it for me”
We are here to provide feedback and idea , buts it up to you to implement it. If you need help to code it then we suggest you hire someone in job post channel or make a job post about it like fiver.
@Cape lion how it was a jobs post
joulev
the old title was about a monetary incentive: hiring someone to do some simple css changes. here it is not allowed, same as all forms of monetary incentives.
American Chinchilla
Yeah ^, if anything you could make a post about it on fiver/upwork
Where is hiring?
joulev
i'm just warning you. i don't want other moderators to come striking you while you don't know how things work here yet – i know some moderators here would instantly strike your post down by a mod command after seeing the "Looking for a dev" title.
describe hiring
in that title
American Chinchilla
Its literally unpaid work
joulev
well i won't continue this discussion. i am warning you that with that "looking for a dev" phrase you are just asking for trouble. it's a warning it's up to you whether to respect that warning or not
now we go back to the main topic
@American Chinchilla Its literally unpaid work
Cape lionOP
exactly
joulev
i already gave you a working code with css and html. it's your task now to integrate it to your app
Cape lionOP
the webstie uses html and
tailwind css
American Chinchilla
Unpaid work is still part of what Joulev said.
@American Chinchilla Unpaid work is still part of what Joulev said.
Cape lionOP
lets not use theories of what could be he made a mistake