Merge pull request #46 from HENRYKC24/readme-nav-link-update

Add underline to active link and update reamde file

README.md

@@ -52,3 +52,12 @@ Feel free to contribute
 ## Show your support
 
 Give a ⭐️ if you like this project!
+
+## Acknowledgments
+- We remain indepted to the Facebook team that develop create-react-app and React Redux as open source.
+- A special thanks to Microverse for inspiring this project. We really appreciate.
+- A special thanks goes to all our peers at Microverse for being ther for us.
+
+## 📝 License
+
+This project is [MIT](./LICENSE) licensed.

src/components/Navbar.js

@@ -4,10 +4,10 @@ import Image from '../logo.png';
 const Navbar = () => (
   <nav className="navbar">
     <div className="app-name-logo">
-      <NavLink to="/" exact>
+      <NavLink style={{ border: 'none' }} to="/" exact>
         <img src={Image} alt="space x" width="60" height="60" />
       </NavLink>
-      <NavLink to="/" style={{ textDecoration: 'none', color: '#000' }}><h1 className="app-name">Space Travellers</h1></NavLink>
+      <NavLink to="/" style={{ textDecoration: 'none', border: 'none', color: '#000' }}><h1 className="app-name">Space Travellers</h1></NavLink>
     </div>
     <ul className="nav">
       <li>

src/styles.css

@@ -32,12 +32,15 @@ body {
   padding: 0;
 }
 
-.active {
+.nav li a {
+  text-decoration: unset;
   color: #2eaabe;
 }
 
-.nav li a {
-  text-decoration: none;
+.active {
+  color: #2eaabe;
+  text-decoration: underline;
+  border-bottom: solid;
 }
 
 .main {