SlideShare a Scribd company logo
1. The navigation bar should scroll with the content and then become stuck at the top of the
viewport when it reaches it. 2. The image that is inside the article should have text wrapped
around it. 3. The <article> and <aside> elements should be contained in a flexible box. This box
should be a flexible so that if the browser window shrinks smaller the content will become
narrower. 4. The photographs should display as a two column grid with a 1 pixel gap between the
images. 5. Add new paragraphs after the last <p> element in index.html to define the Flexbox
layout module, Grid Layout, and the Multiple Column Layout specification.

More Related Content

More from aashkaahm

A Define the terms seek time rotational delay and transfe.pdf
A Define the terms seek time rotational delay and transfe.pdfA Define the terms seek time rotational delay and transfe.pdf
A Define the terms seek time rotational delay and transfe.pdf
aashkaahm
 
6 Who holds what leadership responsibilities in the team W.pdf
6 Who holds what leadership responsibilities in the team W.pdf6 Who holds what leadership responsibilities in the team W.pdf
6 Who holds what leadership responsibilities in the team W.pdf
aashkaahm
 
Cmo contribuyen los siguientes factores a la desnutricin.pdf
Cmo contribuyen los siguientes factores a la desnutricin.pdfCmo contribuyen los siguientes factores a la desnutricin.pdf
Cmo contribuyen los siguientes factores a la desnutricin.pdf
aashkaahm
 
Cul de los siguientes asuntos se incluye generalmente en l.pdf
Cul de los siguientes asuntos se incluye generalmente en l.pdfCul de los siguientes asuntos se incluye generalmente en l.pdf
Cul de los siguientes asuntos se incluye generalmente en l.pdf
aashkaahm
 
1 Identify a specific foreign company that entered Russia .pdf
1 Identify a specific foreign company that entered Russia .pdf1 Identify a specific foreign company that entered Russia .pdf
1 Identify a specific foreign company that entered Russia .pdf
aashkaahm
 
1Bu hesaplardan hangisinde genellikle hem bor hem de alaca.pdf
1Bu hesaplardan hangisinde genellikle hem bor hem de alaca.pdf1Bu hesaplardan hangisinde genellikle hem bor hem de alaca.pdf
1Bu hesaplardan hangisinde genellikle hem bor hem de alaca.pdf
aashkaahm
 
Using commonsize balance sheet percentages to project indiv.pdf
Using commonsize balance sheet percentages to project indiv.pdfUsing commonsize balance sheet percentages to project indiv.pdf
Using commonsize balance sheet percentages to project indiv.pdf
aashkaahm
 
Bugn neden bu kadar ok firma kurumsal salk programlar kuru.pdf
Bugn neden bu kadar ok firma kurumsal salk programlar kuru.pdfBugn neden bu kadar ok firma kurumsal salk programlar kuru.pdf
Bugn neden bu kadar ok firma kurumsal salk programlar kuru.pdf
aashkaahm
 
2 sa Dadaki Vaaz A sa Dadaki Vaaznda rencilerine iyi.pdf
2 sa  Dadaki Vaaz   A sa Dadaki Vaaznda rencilerine iyi.pdf2 sa  Dadaki Vaaz   A sa Dadaki Vaaznda rencilerine iyi.pdf
2 sa Dadaki Vaaz A sa Dadaki Vaaznda rencilerine iyi.pdf
aashkaahm
 
Demiryolu endstrisindeki lek ekonomilerine ilikin genel g.pdf
Demiryolu endstrisindeki lek ekonomilerine ilikin genel g.pdfDemiryolu endstrisindeki lek ekonomilerine ilikin genel g.pdf
Demiryolu endstrisindeki lek ekonomilerine ilikin genel g.pdf
aashkaahm
 
Using the data in the table below calculate Aggregate Expen.pdf
Using the data in the table below calculate Aggregate Expen.pdfUsing the data in the table below calculate Aggregate Expen.pdf
Using the data in the table below calculate Aggregate Expen.pdf
aashkaahm
 
Because morphine lowers breathing heart rate and blood pres.pdf
Because morphine lowers breathing heart rate and blood pres.pdfBecause morphine lowers breathing heart rate and blood pres.pdf
Because morphine lowers breathing heart rate and blood pres.pdf
aashkaahm
 
Describe a time when the Communication attribute was demonst.pdf
Describe a time when the Communication attribute was demonst.pdfDescribe a time when the Communication attribute was demonst.pdf
Describe a time when the Communication attribute was demonst.pdf
aashkaahm
 
Unit 9 LA 8 Discussion Instructions In this learning acti.pdf
Unit 9 LA 8  Discussion Instructions In this learning acti.pdfUnit 9 LA 8  Discussion Instructions In this learning acti.pdf
Unit 9 LA 8 Discussion Instructions In this learning acti.pdf
aashkaahm
 
Alex Millerfemale 13 year old Risk for depression risk fo.pdf
Alex Millerfemale 13 year old  Risk for depression risk fo.pdfAlex Millerfemale 13 year old  Risk for depression risk fo.pdf
Alex Millerfemale 13 year old Risk for depression risk fo.pdf
aashkaahm
 
import javaio class Result Complete the paperCutt.pdf
import javaio  class Result    Complete the paperCutt.pdfimport javaio  class Result    Complete the paperCutt.pdf
import javaio class Result Complete the paperCutt.pdf
aashkaahm
 
What are the best ways for these organizations to evolve and.pdf
What are the best ways for these organizations to evolve and.pdfWhat are the best ways for these organizations to evolve and.pdf
What are the best ways for these organizations to evolve and.pdf
aashkaahm
 
Consider This The socalled Great Recession in the US Mu.pdf
Consider This The socalled Great Recession in the US Mu.pdfConsider This The socalled Great Recession in the US Mu.pdf
Consider This The socalled Great Recession in the US Mu.pdf
aashkaahm
 
Which option is correct The current pattern of digital tra.pdf
Which option is correct   The current pattern of digital tra.pdfWhich option is correct   The current pattern of digital tra.pdf
Which option is correct The current pattern of digital tra.pdf
aashkaahm
 
Vaka almas Senaryosu klim deiiklii insanlar zerinde baskc .pdf
Vaka almas Senaryosu klim deiiklii insanlar zerinde baskc .pdfVaka almas Senaryosu klim deiiklii insanlar zerinde baskc .pdf
Vaka almas Senaryosu klim deiiklii insanlar zerinde baskc .pdf
aashkaahm
 

More from aashkaahm (20)

A Define the terms seek time rotational delay and transfe.pdf
A Define the terms seek time rotational delay and transfe.pdfA Define the terms seek time rotational delay and transfe.pdf
A Define the terms seek time rotational delay and transfe.pdf
 
6 Who holds what leadership responsibilities in the team W.pdf
6 Who holds what leadership responsibilities in the team W.pdf6 Who holds what leadership responsibilities in the team W.pdf
6 Who holds what leadership responsibilities in the team W.pdf
 
Cmo contribuyen los siguientes factores a la desnutricin.pdf
Cmo contribuyen los siguientes factores a la desnutricin.pdfCmo contribuyen los siguientes factores a la desnutricin.pdf
Cmo contribuyen los siguientes factores a la desnutricin.pdf
 
Cul de los siguientes asuntos se incluye generalmente en l.pdf
Cul de los siguientes asuntos se incluye generalmente en l.pdfCul de los siguientes asuntos se incluye generalmente en l.pdf
Cul de los siguientes asuntos se incluye generalmente en l.pdf
 
1 Identify a specific foreign company that entered Russia .pdf
1 Identify a specific foreign company that entered Russia .pdf1 Identify a specific foreign company that entered Russia .pdf
1 Identify a specific foreign company that entered Russia .pdf
 
1Bu hesaplardan hangisinde genellikle hem bor hem de alaca.pdf
1Bu hesaplardan hangisinde genellikle hem bor hem de alaca.pdf1Bu hesaplardan hangisinde genellikle hem bor hem de alaca.pdf
1Bu hesaplardan hangisinde genellikle hem bor hem de alaca.pdf
 
Using commonsize balance sheet percentages to project indiv.pdf
Using commonsize balance sheet percentages to project indiv.pdfUsing commonsize balance sheet percentages to project indiv.pdf
Using commonsize balance sheet percentages to project indiv.pdf
 
Bugn neden bu kadar ok firma kurumsal salk programlar kuru.pdf
Bugn neden bu kadar ok firma kurumsal salk programlar kuru.pdfBugn neden bu kadar ok firma kurumsal salk programlar kuru.pdf
Bugn neden bu kadar ok firma kurumsal salk programlar kuru.pdf
 
2 sa Dadaki Vaaz A sa Dadaki Vaaznda rencilerine iyi.pdf
2 sa  Dadaki Vaaz   A sa Dadaki Vaaznda rencilerine iyi.pdf2 sa  Dadaki Vaaz   A sa Dadaki Vaaznda rencilerine iyi.pdf
2 sa Dadaki Vaaz A sa Dadaki Vaaznda rencilerine iyi.pdf
 
Demiryolu endstrisindeki lek ekonomilerine ilikin genel g.pdf
Demiryolu endstrisindeki lek ekonomilerine ilikin genel g.pdfDemiryolu endstrisindeki lek ekonomilerine ilikin genel g.pdf
Demiryolu endstrisindeki lek ekonomilerine ilikin genel g.pdf
 
Using the data in the table below calculate Aggregate Expen.pdf
Using the data in the table below calculate Aggregate Expen.pdfUsing the data in the table below calculate Aggregate Expen.pdf
Using the data in the table below calculate Aggregate Expen.pdf
 
Because morphine lowers breathing heart rate and blood pres.pdf
Because morphine lowers breathing heart rate and blood pres.pdfBecause morphine lowers breathing heart rate and blood pres.pdf
Because morphine lowers breathing heart rate and blood pres.pdf
 
Describe a time when the Communication attribute was demonst.pdf
Describe a time when the Communication attribute was demonst.pdfDescribe a time when the Communication attribute was demonst.pdf
Describe a time when the Communication attribute was demonst.pdf
 
Unit 9 LA 8 Discussion Instructions In this learning acti.pdf
Unit 9 LA 8  Discussion Instructions In this learning acti.pdfUnit 9 LA 8  Discussion Instructions In this learning acti.pdf
Unit 9 LA 8 Discussion Instructions In this learning acti.pdf
 
Alex Millerfemale 13 year old Risk for depression risk fo.pdf
Alex Millerfemale 13 year old  Risk for depression risk fo.pdfAlex Millerfemale 13 year old  Risk for depression risk fo.pdf
Alex Millerfemale 13 year old Risk for depression risk fo.pdf
 
import javaio class Result Complete the paperCutt.pdf
import javaio  class Result    Complete the paperCutt.pdfimport javaio  class Result    Complete the paperCutt.pdf
import javaio class Result Complete the paperCutt.pdf
 
What are the best ways for these organizations to evolve and.pdf
What are the best ways for these organizations to evolve and.pdfWhat are the best ways for these organizations to evolve and.pdf
What are the best ways for these organizations to evolve and.pdf
 
Consider This The socalled Great Recession in the US Mu.pdf
Consider This The socalled Great Recession in the US Mu.pdfConsider This The socalled Great Recession in the US Mu.pdf
Consider This The socalled Great Recession in the US Mu.pdf
 
Which option is correct The current pattern of digital tra.pdf
Which option is correct   The current pattern of digital tra.pdfWhich option is correct   The current pattern of digital tra.pdf
Which option is correct The current pattern of digital tra.pdf
 
Vaka almas Senaryosu klim deiiklii insanlar zerinde baskc .pdf
Vaka almas Senaryosu klim deiiklii insanlar zerinde baskc .pdfVaka almas Senaryosu klim deiiklii insanlar zerinde baskc .pdf
Vaka almas Senaryosu klim deiiklii insanlar zerinde baskc .pdf
 

Recently uploaded

Multithreading_in_C++ - std::thread, race condition
Multithreading_in_C++ - std::thread, race conditionMultithreading_in_C++ - std::thread, race condition
Multithreading_in_C++ - std::thread, race condition
Mohammed Sikander
 
Digital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments UnitDigital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments Unit
chanes7
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
Best Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDABest Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDA
deeptiverma2406
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
SACHIN R KONDAGURI
 
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Dr. Vinod Kumar Kanvaria
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
Celine George
 
Azure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHatAzure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHat
Scholarhat
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
Nguyen Thanh Tu Collection
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
Balvir Singh
 
Normal Labour/ Stages of Labour/ Mechanism of Labour
Normal Labour/ Stages of Labour/ Mechanism of LabourNormal Labour/ Stages of Labour/ Mechanism of Labour
Normal Labour/ Stages of Labour/ Mechanism of Labour
Wasim Ak
 
JEE1_This_section_contains_FOUR_ questions
JEE1_This_section_contains_FOUR_ questionsJEE1_This_section_contains_FOUR_ questions
JEE1_This_section_contains_FOUR_ questions
ShivajiThube2
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
JosvitaDsouza2
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
Jisc
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Thiyagu K
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
DeeptiGupta154
 
S1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptxS1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptx
tarandeep35
 
Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
David Douglas School District
 

Recently uploaded (20)

Multithreading_in_C++ - std::thread, race condition
Multithreading_in_C++ - std::thread, race conditionMultithreading_in_C++ - std::thread, race condition
Multithreading_in_C++ - std::thread, race condition
 
Digital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments UnitDigital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments Unit
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
 
Best Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDABest Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDA
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
 
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
 
Azure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHatAzure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHat
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
 
Normal Labour/ Stages of Labour/ Mechanism of Labour
Normal Labour/ Stages of Labour/ Mechanism of LabourNormal Labour/ Stages of Labour/ Mechanism of Labour
Normal Labour/ Stages of Labour/ Mechanism of Labour
 
JEE1_This_section_contains_FOUR_ questions
JEE1_This_section_contains_FOUR_ questionsJEE1_This_section_contains_FOUR_ questions
JEE1_This_section_contains_FOUR_ questions
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
 
S1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptxS1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptx
 
Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
 

1 The navigation bar should scroll with the content and the.pdf

  • 1. 1. The navigation bar should scroll with the content and then become stuck at the top of the viewport when it reaches it. 2. The image that is inside the article should have text wrapped around it. 3. The <article> and <aside> elements should be contained in a flexible box. This box should be a flexible so that if the browser window shrinks smaller the content will become narrower. 4. The photographs should display as a two column grid with a 1 pixel gap between the images. 5. Add new paragraphs after the last <p> element in index.html to define the Flexbox layout module, Grid Layout, and the Multiple Column Layout specification.