-
Add a div element with class="container". This div will contain all the content of the page.
-
Within the container, add an image corresponding to the product or service you chose. For example, in the demo above, I added the iserviceweb logo.
-
Add an h1 element for the "Frequently Asked Questions" title.
-
Each FAQ should contain a div element with class="stack", as well as an input element with type="radio", name, and id.
-
For each FAQ, add a label element, an h2 element for the FAQ number, and an h3 element for the question title.
-
Add a div class="container" for each answer.
-
Each answer should be within a p element.
-
Use the @import url rule to style the page font.
-
Make sure you use display: flex, transition, :hover, :checked, and ::after in the styling.
-
For each FAQ, add a "+" sign using content: "+".
-
Use transform: rotate() to transform the "+" sign into an "x" sign once the FAQ is opened.