Question

nav.horizontal ul {

   width: 100%;

   display: grid;

   grid-template-columns: repeat (5, 1fr);

}

nav.horizontal ul li {

   display: block;

   text-align: center;

}

/* Coupon Section Styles */

section {

   display: grid;

   grid-gap:  20px;

   grid-template-columns: repeat (3, 1fr);

}

section div {

   outline: 4px dashed gray;

   position: relative;

}

section div p.last-of-type {

   position: absolute;

   bottom: 1px;

   right: 5px;

}

The style rules for the horizontal navigation list and the section element also define grid styles for those elements. Locate and fix errors in the code that set up the grid columns.

The last paragraph within the section div selector should be placed with absolute positioning 1 pixel and 5 pixels from the bottom right corner of the container element. However, there is an error in defining the selector. Find and fix the error.

Answer 1

nav.horizontal ul {

   width: 100%;

   display: grid;

   grid-template-columns: repeat (5, 1fr);

}

nav.horizontal ul li {

   display: block;

   text-align: center;

}

/* Coupon Section Styles */

section {

   display: grid;

   grid-gap:  20px;

   grid-template-columns: repeat (3, 1fr);

}

section div {

   outline: 4px dashed gray;

   position: relative;

}

section div p:last-of-type {

   position: absolute;

   bottom: 1px;

   right: 5px;

}

we should use : no .

..