In this issue, there are two tasks that need to be fulfilled
Task 1: Move about and contact-us folders to the directory ~/client/src/components/home.
Task 2: Add a border to the detail box in the About section. This task requires adding style to the CSS class about-text. The style is under the file ~/about/about.css
Use only CSS for simplicity. (A follow-up tailwind issue will be posted once this issue is merged into the main branch )
Styling detail: for about-text
- add border: 2px
- padding all: 4px
- border color: #ff9617
- add to group hover effect: when the user hovers to the area of
<div class="about-grid"> image moves diagonally and a line under <h1> expand ("Who we are"). the border must appear in the same way when hover to that area.
Demo
White frame:
In this issue, there are two tasks that need to be fulfilled
Task 1: Move
aboutandcontact-usfolders to the directory~/client/src/components/home.Task 2: Add a border to the detail box in the About section. This task requires adding style to the CSS class
about-text. The style is under the file~/about/about.cssUse only CSS for simplicity. (A follow-up tailwind issue will be posted once this issue is merged into the main branch )
Styling detail: for
about-text<div class="about-grid">image moves diagonally and a line under<h1>expand ("Who we are"). the border must appear in the same way when hover to that area.Demo
White frame:
