How dynamically aligning text on website


Tags: jquery,html,css

Problem :

I recently looked at google drive's website and I notice how perfectly their text adjust to when the browser window changes. I just wanted to all that affect to my website.

For now I am struggling with it. I tried using the css justify but that does not do the trick. Any suggestion or tips that I could use. Thanks

Here is the website I was looking at! https://www.google.com/drive/

This is what is frustrating me, there is so much space between some words. Whereas in google website it is perfect. Any help will be very much appreciated Thanks!



Solution :

for responsive design use bootstrap plugin and its classes in your UI. refer link


    CSS Howto..

    In CSS, how to toggle the tab color if it was selected (without using javascript)

    How to double an image size in HTML using only CSS?

    How to have no border around a DIV

    CSS How to make div 100% despite 80% div

    How to create click-able CSS sprite with rather than Javascript?

    how to apply css to a particular asp.net table?

    How to write multiple css selectors in one line?

    How to change css pseudo elements in javascript? [duplicate]

    CSS delivery optimization: How to defer css loading?

    How to set background gradient css via javascript [duplicate]

    How do I change button color on press in bootstrap?

    How do I use a variable inside of a shorthand if/else statement in a PHP for() loop?

    How is designing shape similar to waves with html and css?

    How can I add a fixed sidebar to a web page?

    How to make
  • expand with CSS (like Apple.com)
  • Test if is visible with ng-show attribute

    How to make hover using jquery without CSS?

    How to display code in the same line?

    How to break this Javascript into seperate CSS classes?

    How to link external CSS stylesheets on a Chromebook

    How to create a two column layout

    How to create a sliding navigation with either jquery or css? [closed]

    Foundation 5-How to center position the class 'row' regardless the browser size?

    How to select all elements that are not of a class within an id css

    How to get this functionality to work

    How come my divs are jumping around during a transition?

    How to make arc-in animation on a website - CSS or JavaScript?

    How can I exclude certain elements from css property that has been applied to their parent without using the style attribute

    How to scale multiple
    dynamically using min- and max-width?

    How can i override the margin: 0; padding: 0; border: 0; css styles from main body css for ul li