কম্পিউটার

কিভাবে CSS দিয়ে প্রতিক্রিয়াশীল টাইপোগ্রাফি তৈরি করবেন?


সিএসএস দিয়ে প্রতিক্রিয়াশীল টাইপোগ্রাফি তৈরি করতে, কোডটি নিম্নরূপ -

উদাহরণ

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<head>
<style>
   h1 {
      font-size: 10vw;
   }
   p {
      font-size: 5vw;
   }
</style>
</head>
<body>
<h1>Responsive Text Example</h1>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum, rerum.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi, necessitatibus officiis hic est in nobis!
</p>
</body>
</html>

আউটপুট

নিম্নলিখিত আউটপুট উপরের কোড দ্বারা উত্পাদিত হবে −

কিভাবে CSS দিয়ে প্রতিক্রিয়াশীল টাইপোগ্রাফি তৈরি করবেন?

স্ক্রীনের আকার পরিবর্তন করার সময় −

কিভাবে CSS দিয়ে প্রতিক্রিয়াশীল টাইপোগ্রাফি তৈরি করবেন?


  1. কিভাবে CSS দিয়ে তীর তৈরি করবেন?

  2. কিভাবে CSS দিয়ে প্রতিক্রিয়াশীল প্রশংসাপত্র তৈরি করবেন?

  3. কিভাবে CSS দিয়ে একটি প্রতিক্রিয়াশীল ব্লগ লেআউট তৈরি করবেন?

  4. কিভাবে CSS দিয়ে প্রতিক্রিয়াশীল কলাম কার্ড তৈরি করবেন?