I have a lightning component that i want to call from visualforce page. Earlier i posted a question about that here. now I figured out how to make it work. But I ran into another problem when component dynamically loaded, it doesn't render properly. there is some white space. as shown in the image.
This was caused because i missed to add a reference to scope as mentioned in this trail head section.
I downloaded the SLDS from the tool provided by salesforce with the custom scope name and referenced this scope in the component. that fixed the problem.