Hey guys! I am building a twitter clone and the sidebar, feed and widgets are not properly aligned as you can see in the picture. What should I do so that I can realign and put them in correct positions? How do I keep them side to side?
flex, grid… something like that
It is pretty typical on here for people to share a codepen / repl.it / jsfiddle example of what they have tried so that anyone helping has more of an idea of what help is actually helpful.
Please provide some example of what you’ve tried and I’m sure you’ll get more help.
I would agree, use a combination of flexbox and grid. I think that would follow modern convention and standards.
Otherwise use float and position properties, but this tends to get messy.
Hey I asked people in stack overflow but ended up getting responses that didn’t work. I will provide my css codes for the app, sidebar, feed and the widgets. Please check where I could’ve gone wrong.
padding: 0 10px;
For feed (just including the positioning):
border-right: 1px solid var(–twitter-background);
border-right: 1px solid var(–twitter-color);
I have no idea what that code does like that. Please show a codepen / repl.it with your code, or even a githun repository
Rather unreadable in this format. Shiukd be able to copy and paste code into a codepen so we are able to see better.