Footer.jsx

The Footer is a much simpler component than the header. However, you can certainly try out your new Bulma skills and add additional columns, images, text, and a footer navigation bar.

Create a new JSX file and name it Footer.jsx, placing it into the src/Footer/ directory.

Your JSX for this is very simple:

<footer className="footer">
  <p className="has-text-centered">Copyright &copy; 2018. All Rights Reserved</p>
</footer>

• footer: Used for footers. You can have any element, list, or image in this element.
• has-text-centered: Center aligns text.

You have your footer already constructed. Later, you’ll import the header and footer into the collections and collections detail components.

Your final footer component should resemble this:

import React, { Component } from 'react';

class Footer extends Component {
  render() {
    return (
      <footer className="footer">
        <p className=&quot...