125
ganjaman
217d

This is the first FUCKING time i succesfully made a responsive site without any frameworks on my own, and i couldnt be more proud.

I mean the design sucks ass but thats not the point.

Comments
  • 5
    @calmyourtities shark, and congrats 😀
  • 4
  • 2
    Good job.

    As a tester, I approve.
  • 2
    The examples don't scale properly, otherwise good job, looks good!
  • 0
    Awesome! It sure is a great feeling!
  • 1
    Good job man!
  • 3
    Boy boy flexbox and vw vh :P
  • 1
    @sharktits I'm working on learning this, any recommendations? I saw your website and I don't think I could do it without bootstrap lol
  • 4
    @gitpush uh css values like vw and vh, css grid, sacrificing a child, mdn tutorials
  • 0
    @sharktits thanks man
  • 1
    @gitpush there are two great sites that teach you to use flexbox and grid in a cool, game-like, interactive tutorial.
    Something like "flex frog" and "grid garden".
  • 2
  • 0
    @Noob thanks man 😀😀
  • 2
    That's the closest I could get to doing my own responsive in css, full width in next comment :)
  • 2
    This is the full width image, hope I did it right
  • 1
    I just realized buttons in the side nav are not wrapping T_T how do I do this? I tried flex-wrap, no hope :\
  • 1
    @gitpush that looks nice. You could also add a media query to make the left column thinner on mobile. Also menu, wed developer, responsive mode lets you test on mobile screens.
  • 1
    @sharktits cool thanks man for the advice :D

    Sorry out of scope, but how do I wrap button content as you see in my image they are cropped :\
  • 1
    @gitpush i dont see anything cropped, what do u mean
  • 1
    @sharktits the small image shows: Project & Show

    buttons, while the full screen image shows: Show Folders & Project Test
  • 1
    @gitpush oooh i thought that was intentional. Word-break? Or smaller font size when the screen is smaller?
  • 1
    @sharktits Thanks man word-break worked though it turned out my class 'btn btn-flat' is breaking it :\ should the style inside the element override what the class has?
  • 1
    @gitpush yeah, styles are overriden when you work with a child element
  • 1
    @sharktits strange, I'll check what I'm doing wrong. Thanks man for your help, much appreciated :)
  • 1
    @gitpush dont mention it lol, im trying to get better @ frontend, on paper im full stack but the frontend part is my fucking bane
  • 0
    @sharktits Well now that I'm into doing it, I now understand the pain front end guys go through lol
  • 1
    @sharktits Fixed :D Thanks for your help (code is selected in the background)

    Edit:

    Overflow value seemed to be useless, so I removed it. It is just height to auto lol
Your Job Suck?
Get a Better Job
Add Comment