[Issue #23] Refactoring Search Box input styles and HTML structure + prepare search value for the API call - Githubissues

lexoskeleton / feq_dictionary_app

Front End Queens Open Source Dictionary Web App

https://www.frontendmentor.io/challenges/dictionary-web-app-h5wwnyuKFL

2 stars 1 forks source link

[Issue #23] Refactoring Search Box input styles and HTML structure + prepare search value for the API call #32

Closed knopgm closed 3 months ago

knopgm commented 4 months ago

worked on the branch issue-23 to solve :

This PR aims to accomplish the following things:

Refactoring the overall styling and HTML structure of the Search Box.
- Favouring the :focus CSS pseudo-class to style the Search Box input element.
- The magnifier icon is now vertically aligned with the rest of the elements in the Search Box container.
On the Javascript side, the input value is held over to a function responsible for fetching a dictionary entry from the API.