Any tips to make this look better
Hello!
I have this website I'm working on and the second section (the main one) seems kind of flat and bland and not interesting to look at. Does anyone have any tips on what i could maybe improve? You can check the website out here: https://bazz-tube.github.io/news/ and the sourcode for it here: https://github.com/Bazz-tube/news
GitHub
GitHub - Bazz-tube/news
Contribute to Bazz-tube/news development by creating an account on GitHub.
4 Replies
You could try separators between the sections, an <hr/> perhaps
You could also try giving the buttons some colour and/or adding more buttons?
If it makes sense to do so
Add color to the buttons (and if you make sure that anything clickable on the site has that color, you will be helping the user to know what is clickable)
@EnnyMeeny
- the space between the text and the image is a little bit too far so people might not think they're related information.
- your text is getting way too long and hard to read. you can try giving the text divs a
max-width
- If possible, make the entire "news" thing clickable instead of using a button. If every news you add have a buttons then it's gonna be a messI think you should make the sections the link and nix the buttons as suggested by @ khoa but if you keep them buttons, they need less padding-block and more padding-inline. It should be about a ratio of 1/2.25 minimum, 1 / 3 would be even better. E.g.
padding-block: .5em; padding-inline: 1.5em; Agree with reducing the margin bw the images and the content. It’s about 4x the margin-block you have bw the sections so the groupings are not intuitive. While we are on the subject, there is a ton of spacing bw the header and the paragraph and none bw the paragraph and button. Rework all the spacing is my vote and group related items together💜