Set Google Fonts 👉 First add External CSS   < head > < link  rel ="stylesheet"  href ="style.css" > < ...

Module 4 Portfolio Website

By Demo জানুয়ারী ১১, ২০২২ 0 মন্তব্য(গুলি)

 


Set Google Fonts

👉 First add External CSS  
<head>
<link rel="stylesheet" href="style.css">
</head>

👉 Second get the web link of font from google font, To embed a font, copy the code into the <head> of your HTML


👉 Apply font-family On style.css



body {
  font-family: "Poppins", sans-serif;
  font-family: "Varela Round", sans-serif;
}

Put Container Side by Side 

HTML

<div class="flex-container">

  <div class="flex-child magenta">
    Flex Column 1
  </div>
  
  <div class="flex-child green">
    Flex Column 2
  </div>
  
</div>

CSS

.flex-container {
    display: flex;
}

.flex-child {
    flex: 1;
    border: 2px solid yellow;
}  

.flex-child:first-child {
    margin-right: 20px;
}


Box Shadow

/* offset-x | offset-y | blur-radius | color */
box-shadow: 10px 5px 5px black;

0 মন্তব্য(গুলি):

এতে সদস্যতা: মন্তব্যগুলি পোস্ট করুন (Atom)