+ 1

Share option

how to make a responsive share button

7th May 2017, 5:03 PM
Hafiz Hamza
Hafiz Hamza - avatar
2 Answers
+ 22
<!DOCTYPE html> <html> <head> <!-- Font Awesome --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"></link> </head> <body> <!-- Share Icon --> <i class="fa fa-share" aria-hidden="true"></i> <style> .fa-share { display:block; margin:0 auto; font-size:2em; background-color:#000; color:#fff; text-align:center; width:10%; border-radius:100%; padding:20px; } </style> </body> </html> 〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 This snippet create a responsive share button, you can use font awesome and the percentage (%) for make it more responsive.
7th May 2017, 5:27 PM
Maz
Maz - avatar
+ 2
thank you maz
8th May 2017, 6:20 AM
Hafiz Hamza
Hafiz Hamza - avatar