build a proper alignment for a footer

前端未结

关注

 1  1499

离开以前 2021-01-21 13:18

I just review a footer to make it better using a different UI framework. I try to align it but it\'s not properly working. The right side is not is overlapping. I tried using

1条回答

既然无缘 (楼主)

2021-01-21 13:25

can you try this:

I added justifyContent: "center"

      followDesc:{
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        marginLeft: theme.spacing(2),
        margin: "auto",
      },

oh and you need to get rid of margin on the p element.

try adding somewhere:

p { margin: 0 } or change the p to a div element instead

edit =====

to replicate it like the above do 2 things

add minWidth: 75px in here:

  textFollow: {
    fontSize: "14px",
    fontWeight: "bold",
    textAlign: "center",
    color: "#ff7255",
    fontFamily: "Source Sans Pro",
    minWidth: '75px'
  },

and move this line: underneath this line:

so it looks like this:


  
  Follow us

0 讨论(0)