Can't make the 3 social media widget frames in center
snowsugarvideo opened this issue · comments
I have been researching and watching tutorial to center the social media widgets in a center since last Friday. But none of the codes are working. https://snag.gy/k8Ds0j.jpg
- I tried simple code but it was not working
- Style CSS 3 div center
<div class="social-frames container"> <center><div class="facebook-frame col-md-4"><div style="float:left;"> <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fthewinerytokyo&tabs=timeline&width=340&height=500&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=153254018070483" width="360" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe> </div> <div class="twitter-frame col-md-4"><div style="float:left;"> <a class="twitter-timeline" width="340px" height="500px" href="https://twitter.com/TheWineryTokyo">Tweets by The Winery Tokyo</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> </div> <div class="consta-frame col-md-4"><div style="float:left;"> <iframe src="http://us11.campaign-archive1.com/?u=687b85709255687f08c59bf94&id=7d546601ac" width="360px", height="500px"></iframe></center> </div>
I just want to share the story how I solved this issue.
- Periscope Live about this issue last night https://www.periscope.tv/SnowSugarVideo/1eaKbmokQOQxX
- 2 people contacted me via Twitter to help me out
They looked at the code I listed on GitHub #50 - They send me code via twitter:
https://twitter.com/SnowSugarVideo/status/890018727189676033
https://twitter.com/SnowSugarVideo/status/890253753751924737 - I added code and Fix the issue today!
https://snag.gy/ZtrBGQ.jpg