Tribute Page for MUSE - Second try after months apart

Code Feedback
1

Hello everyone!

As I never properly finished all the Responsive Web Design projects and went straight onto javascript, I have decided to go back and finish them all once again from scratch. I wanted to make it differently than the first time, so I have decided to go for one of my favourite bands instead and add a bit more content.
Couple issues I have been struggling with were:

  1. The albums flip cards not working on Safari even after I have added webkit to CSS
  2. The page scrolls a bit to the right, I think that its the row in container-fluid here, but not sure:
<div class="container-fluid" id="tribute-timeline">
        <div class="row">
            <div class="col-md-12">
                <h1 id="time-title">TIMELINE</h1>
            </div>

This is my first try:

https://codepen.io/lubozubko/full/GMGgOG

And here is the second try:

https://codepen.io/lubozubko/full/RXPmer

Could I ask you for your feedback guys, much appreciated! :slightly_smiling_face:

1 Like
2

This works check their webpage.
https://stackoverflow.com/questions/36451688/css-card-flip-in-safari

3

Thanks for the reply, but I have tried that already and still it won’t work, unless I missed something? :thinking:

4

I copied the view source of their functioning website into codepen the layout is incomplete but the cards flip. In Safari it isn’t animating but it cuts to the other side. I submit, therefor, That it doesn’t work in codepen. Check it out. I don’t want to leave it up long.

5

Man, I just checked them out, I love both, the marl up and the CSS, good work

6

Many thanks! :slightly_smiling_face: