Search
 
SCRIPT & CODE EXAMPLE
 

CSS

how to make a responsive box in css

.square {
  width: 50%;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
Comment

PREVIOUS NEXT
Code Example
Css :: scss variables 
Css :: how to give opacity to border 
Css :: css not full width 
Css :: how to css in jquery 
Css :: css a link style 
Css :: maximum length for input box 
Css :: Vuetify v-data-table custom row hover background color (Light Theme) 
Css :: vh and vw 
Css :: style scrollbar 
Css :: tailwind background gradient 
Css :: how to change border height in css 
Css :: mysql_config not found 
Css :: text-indent 
Css :: css background pattern 
Css :: how to insert gradient in css 
Css :: Setting paragraph margin to 0 
Css :: how to remove margins css 
Css :: twig block 
Css :: morphism box shadow 
Css :: css hover change another element 
Css :: Modify your placeholder 
Css :: css text-decoration 
Css :: jest afterAll 
Css :: increase the distance between paragraphs css 
Css :: @font-face 
Css :: css set text color 
Css :: css flexbox syntax 
Css :: sass loader 
Css :: box shadow 2 sides only 
Css :: how to combine two screen sizes in media queries css 
ADD CONTENT
Topic
Content
Source link
Name
3+1 =