Ask for styling advice of project portfolio

Ask for styling advice of project portfolio
0

#1

This is my personal project portfolio.

http://projects.yingjiehu.com/

I used default bootstrap 4 deck to list projects. The style is not appealing to show projects but I cannot think of a way to approve it. Could you give some suggestion?

Thank you.


#2

I think this looks quite nice actually - very clean.

Here are a few small suggestions:

  • Make sure the items have a bit of space around them on smaller screens. On a mobile they go right to the edge of the screen, which looks a bit cramped.
  • On intermediate screen sizes the items get very narrow - maybe reduce the number of items per row sooner
  • Make sure the images align - the ‘Ongoing’ header seems to push the image down a bit further than the ones on completed projects.
  • The sections could do with a bit more vertical spacing at the bottom
  • It’s Code not Codes
  • There’s a broken link to style.css

You’re doing great! Best of luck


#3

I completed

  • Make sure the images align - the ‘Ongoing’ header seems to push the image down a bit further than the ones on completed projects.
  • The sections could do with a bit more vertical spacing at the bottom
  • It’s Code not Codes
  • There’s a broken link to style.css
  • Make sure the items have a bit of space around them on smaller screens. On a mobile they go right to the edge of the screen, which looks a bit cramped.

I used the cards and <div class="card-deck"> in Bootstrap.

I searched online and did not know how to solve the following one:

  • On intermediate screen sizes the items get very narrow - maybe reduce the number of items per row sooner

If I do not use <div class="card-deck">, I can find the solution on this page https://github.com/twbs/bootstrap/issues/20321