The default state of the button will be a circle, but it’s a lot easier to arrange everything with the button in its expanded state, so we’ll start out with a width of 275px, which we’ll reduce to 80px once we’re all finished. Any online use of the badge must link to the Google. Match the badge language to the language of your marketing campaign whenever possible. Badges must be shown on a solid colored background or a simple background image that does not obscure the badge. Now let’s jump over to some CSS and grab that “appstorebutton” hook. The Google Play badge should be the same size or larger than other application store badges. The repeated styles can then be grouped into one “appstorebutton” class, an organization method that will keep our CSS nice and DRY.Īlso note that HTML5 allows us to wrap a link around anything we want, so if that looks a little wonky to you, just know that it’s perfectly allowed. I could’ve gotten away with one, but in order to differentiate between the different types of buttons that we’ll be creating, it helps to separate them into separate classes (this allows you to target each version individually).
Notice that I’ve applied two separate classes to the div. You could probably apply the classes directly to the anchor and skip the div altogether, but we’ll stick with this for now.
Looking at this now, it feels a little markup heavy.
0 kommentar(er)
