Блог

 import React from "react"
import Logo from "../images/logo.svg"
import { Link } from "gatsby"
const ListLink = props => (
<li style={{ display: `inline-block`, marginRight: `1rem` }}>
  <Link to={props.to}>{props.children}</Link>
</li>
)

export default function Layout({ children }) {
return (
<div style={{ margin: `1rem 1rem`, padding: `0 1rem` }}>
    <Link to = "/" style = {{textDecoration: "none"}}>
   <img src = {Logo} alt = "Logo" />
   </Link>
   <ul style={{ listStyle: `none`, float: `right`}}>
      <ListLink to="/">Home</ListLink>
      <ListLink to="/musings/">Musings</ListLink>
      <ListLink to="/books/">My Books</ListLink>
    </ul>
  {children}
</div>
)
}
 

Интересно, почему подчеркнуты ссылки и impinge. Я text-decoration = none, но это не работает. Может кто-нибудь помочь?