alicaudle / ecommerce-pattern-library

A term-long project redesigning an ecommerce website focusing on making a pattern library.
https://relaxed-elion-aae950.netlify.app/pattern-library/
0 stars 0 forks source link

Footer #5

Closed alicaudle closed 4 years ago

alicaudle commented 4 years ago

My logo won't show up in my header. @thomasjbradley

thomasjbradley commented 4 years ago

Did you figure this out? I can see the black "juice." logo in your header.

Screen Shot 2020-06-22 at 2 25 55 PM

alicaudle commented 4 years ago

lol, yeah, I had something totally unrelated that failed in my code so I had to fix that and THEN all my other stuff started showing up properly :)

alicaudle commented 4 years ago

https://github.com/alicaudle/ecommerce-pattern-library/blob/master/_patterns/header/header.html

@thomasjbradley

I can't figure out how to keep the links pined to the far right while being perfectly aligned with the logo.

thomasjbradley commented 4 years ago

I would use Flex box to solve the problem—there are classes in modules.css you can use.

Then you can use .flex-row on your nav <ul> also.

alicaudle commented 4 years ago

https://github.com/alicaudle/ecommerce-pattern-library/blob/master/_patterns/footer/footer.html

alicaudle commented 4 years ago

@thomasjbradley

thomasjbradley commented 4 years ago

Delete these extra CSS files within your patterns, like here: https://github.com/alicaudle/ecommerce-pattern-library/blob/master/_patterns/footer/footer.html#L1

thomasjbradley commented 4 years ago

Then, the broken footer, I think is the pin-rc class. Put the two social icons in the same <div> and it should start working properly.