Hey guys, I m designing my new portfolio and I need some feedback and idea for 1 section on main page

Design for mobile before desktop

its on bootstrap, wont be problem

bootstrap only helps with grid layouts.

what are you doing to your nav bar and how does your diagonals lay out as mobile

also your nav isn't aligned to anything

also do you have a js for your circle buttons cause just having circle buttons is boring and the roman numerals is kind of lame and unreadable

This post was edited by Sena on Jun 26 2016 08:45am

Well for mobile version I m thinking of slice page in half and put everything one by one.


yea, I might make it more width


Its going supposed to be sub-galleries, you click and you get full image and hover shows color version, also good point, those roman numerals are bad

if youre using a lightbox, think about just using rectangles, going from round buttons to full image loses its relationship and kind of fucks with experience depending on what kind of lightbox you use

it'll also give your work more space to be displayed as icons.
as for the numbering just remove it. you can always just use css to change the image when you hover

the hardest part about the diagonal boxes is when youre using boostrap they might not align properly when they stack. think about creating another layout that might be mobile exclusive

This post was edited by Sena on Jun 26 2016 09:09pm

keep an even spacing for ur nav and take out the lines underneath. keep the same grid layout for all the pages..page 3 is horizontal while rest are vertical

I love the dota 2 reference

Bit updated version