Breaking News: Grepper is joining You.com. Read the official announcement!

css tips and tricks

M Hassan khan answered on September 10, 2022 Popularity 10/10 Helpfulness 1/10

answer css tips and tricks

related css tricks

css tips and tricks

Comment

 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;
}

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

Popularity 10/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css image

Link to this answer
Share Copy Link

Contributed on Apr 09 2023

M Hassan khan

0 Answers Avg Quality 2/10

Closely Related Answers

css tricks

Comment

Stuck with CSS? That sucks m8.

Popularity 10/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Sep 10 2022

Radek Sedlacek

0 Answers Avg Quality 2/10

css tips and tricks

Contents

More Related Answers

css tips and tricks

Closely Related Answers

css tricks

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.