Stuck with CSS? That sucks m8.

"Ya're a designer looking for advices? 

spare a few minutes to appreciate https://css-tricks.com/ 

the best graphic-friendly m*********r out there <3"

 To keep mobile screens from being stupid long, consider setting a max height

on the images and hide the overflow. suppose image is in figure element.

​

figure {

    margin: 0 0 0.5rem 0;

    padding: 0;

    max-height: 400px;

    overflow: hidden;

}

--------------------------------------------------------------------------

​

- Always display links (anchor tag 'a' )as 'block' when you are inside your 

   navigation bar.

  this has to do with taking your link and pushing its edges all the way out,

  to whatever clickable area you are going to wind up having inside of your 

  navigation bar. it will help your finger clicking. There is no downside for

  this.

  --------------------------------------------------------------------------

What if you want single flex item to be spaced out from the rest. This is 

where css margins come. 

​

    div ..........div div div    // I wanna achieve navbar like this

    .box:first-child{

    margin-right:auto; // it is gonna take all the empty space in the flex 

                        // contaier and put it on the right side of first item

    }

// if you want something like this in navbar.

div ....div div....div

// DO LIKE THIS 

​

.box:first-child{

    margin-right:auto; 

}

​

.box:last-child{

margin-left:auto;

}

​

---------------------------------------------------------------------

​

​