But I have something simple that I’m trying to do, and am hoping you all can help me out.
I am building a simple website to display photos from our holiday party, and as an extra, I thought it might be cool to have background music playing in the background.
I know how to edit music and create MP3 files, but I’m not sure how to make music play on a web page.
And I want to respect people and not just have the music start playing automatically.
Specifically, I was hoping to have a simple player where a user could click a “Play” button to turn on the background music or a “Stop” button to turn it off. That way those thatw ant music can have it, but by default i won’t be pestering people.
What design do you think would make the most sense for what I’m trying to do?
So I have a couple of photo galleries by topic (e.g. X-Mas, Diwali, etc)
When someone goes to a given photo gallery, I thought it might be neat to have the ability to play music as they view photos. I guess I was thinking of having the player at the top of the page so it is easily seen and can be turned on.
If you were a visitor to my site, what would your preferences be? Or do you have any design ideas to make this add-on fun and useful and not annoying?!
Because there is no such value for the justify-content property.
There is however a flex-end value.
If you were only dealing with a single flex item and you wanted it to the right then flex-end would work in that case. Providing you are in the default mode of row, if you were in row-reverse then the left side would be the flex-end.
If there are more flex items then they all would justify to the right (flex-end). In a situation where there are multiple flex items and you want one of them pushed to the right you need to target that item and push it right with margin-left:auto;
We don’t have a justify-items or justify-self property available to us on the main axis as our items are treated as a group on that axis. However it is possible to do some individual alignment in order to separate an item or a group of items from others by using auto margins along with flexbox.
Here is a test case using both methods I mentioned.