A
Anonymous

Biology Component - Copy this React, Tailwind Component to your project

Design a responsive web page featuring the following elements: Banner Section: A prominent heading: "Class 09 Biology" A subheading: "Chapter 01 Notes," with the word "Notes" underlined in red. Content Sections: First Block (73% width): Border: Black dotted line outlining the entire block. Centered heading: "Chapter 01 Questions." Display questions in the following format: Question 1: (in bold, dark color) Answer: (in dark blue color) The height of this block should be 80vh, with vertical scrolling to accommodate at least 20 questions. Second Block (26% width): Content: List of chapter names accompanied by corresponding chapter icons. The height of this block should match the height of the first block. Ensure the layout is fully responsive for various screen sizes, maintaining clarity and readability across devices.

Prompt
Component Preview

About

BiologyComponent - A responsive layout with a chapter banner, question blocks, and chapter icons, professionally built with react and tailwind. Copy component code!

Share

Last updated 1 month ago