UI styling update
This commit is contained in:
@ -4,24 +4,21 @@ import React from 'react';
|
||||
const AboutDNA = () => {
|
||||
return (
|
||||
<section className="pt-6 bg-white">
|
||||
<div className="container mx-auto px-6">
|
||||
<h2 className="text-4xl font-bold text-gray-700 text-left pb-2">
|
||||
<div className="container max-w-none px-6">
|
||||
<h2 className="text-4xl font-bold text-teal-700 mb-4">
|
||||
About DNA Sequencing
|
||||
</h2>
|
||||
<h2 className="text-lg font-semibold text-gray-600 mb-4">
|
||||
Exploring Life's Blueprint with Every Sequence
|
||||
</h2>
|
||||
|
||||
<div className="mb-6 text-justify">
|
||||
<div className="mb-4 text-justify">
|
||||
<p className="text-gray-600 leading-relaxed text-base mb-4">
|
||||
DNA sequencing is a method used to determine the precise order of nucleotides
|
||||
(adenine, thymine, cytosine, and guanine) in a DNA molecule. This information is
|
||||
critical for understanding genetic information, mutations, and their roles in disease,
|
||||
evolution, and various biological processes.
|
||||
</p>
|
||||
<p className="text-gray-600 leading-relaxed text-base">
|
||||
Different DNA sequencing approaches using Next Generation sequencing are listed below:
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user