Reactでフッターを画面下部に固定する方法

Question

実現したいこと

React.jsにてフッターを画面下部に固定しようとしますが
端によってしまいます。。

該当のソースコード

App.css

.footer_bottom {
  position: absolute;
  bottom: 0;
}

.footer {
  display:flex;
  justify-content: space-between;
  background: #1E3E75;
  padding: 30px;
}

.ic_bottom_home {
  margin-left: 30px;
  width: 30px;
  height: 30px; 
}

.ic_bottom_meter {
  width: 30px;
  height: 30px; 
}

.ic_group {
  margin-right: 30px;
  width: 30px;
  height: 30px; 
}

LightDetailCondo.js

import React, { useState, useEffect, useCallback, onClick} from 'react';
import axios from 'axios';

const LightDetailCondo = () => {

.
.
.


  return (
    <div>
      <Header />
      <p className="condo_top">Condo</p>
      <div className="container">
      .
      .
      .
      </div>
      <div className="footer_bottom">
        <Footer />
      </div>

    </div>
  );
}
export default LightDetailCondo;

Footer.js

import React from 'react';
import ic_group from "../images/icons/ic_group.png";
import ic_group_white from "../images/icons/ic_group_white.png";
import ic_bottom_home from "../images/icons/ic_bottom_home.png";
import ic_home_gray from "../images/icons/ic_home_gray.png";
import ic_bottom_meter from "../images/icons/ic_bottom_meter.png";
import ic_bottom_meter_white from "../images/icons/ic_bottom_meter_white.png";

const Footer = () => {
  return (
    <div className="footer">
    <img className="ic_bottom_home" src={ic_bottom_home} alt="" />
    <img className="ic_bottom_meter" src={ic_bottom_meter} alt="" />
    <img className="ic_group" src={ic_group} alt="" />
    </div>

  );
}

export default Footer;

Answer 1

.footer_bottom {
  position: absolute;
  bottom: 0;
  width:100%;
}

でうまくいきました！