Align company logos in footer with other two columns · Issue #134 · Netflix/netflix.github.com · GitHub
Skip to content

Align company logos in footer with other two columns #134

Open

Description

@varun-charan

At the bottom right corner of the page, there is the website logo along with copyright ticker. Align that part such that all three columns, i.e., "Open Souce", "Stay in Touch" and Company Logos, begin at the same horizontal. It would look much cleaner.

Activity

  1. added a commit that references this issue on Oct 4, 2017
    f26731c
  2. hitesh19 commented on Nov 24, 2017

    @hitesh19

    I still feel we can remove the 'padding-top:40px' on 'powered-by-copyright' class in 'custom.css' ,so that the website logo along with copyright ticker is horizontally aligned with the rest of the footer.

    This would look more intuitive -

    image

  3. smriti241 commented on May 13, 2020

    @smriti241

    I want to contribute to the issue

  4. sajee-sajee commented on Feb 4, 2025

    @sajee-sajee

    In according to that you can use animation for footer for more engagement this is the code
    .footer {
    position: fixed;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 60px;
    background: #333;
    color: white;
    text-align: center;
    padding: 15px;
    transition: bottom 0.3s ease-in-out;
    }.footer:hover {
    bottom: 0;
    }.footer::before {
    content: 'Hover me';
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 5px 15px;
    border-radius: 5px 5px 0 0;
    }

    Main Content

    Scroll down...

    Footer Content - Welcome to our website!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions