Responsive Design

Running head: RESPONSIVE DESIGN
Responsive Design
Name of the Student:
Name of the University:
Author Note

1
RESPONSIVE DESIGN
The Design
For the development of any type of website the design and strategy are very efficient
procedures and are to be developed very efficiently. However, with the development of the
technology the design tools such as css has come up and this has helped lot for the
development of the websites and the design of the website is improved to a great extent.
Css is the tool that provides the structured design for the webpage that is designed.
Cascading Style Sheets, or CSS, is the recommended way to control the presentation layer in
a web document. The main advantage of CSS over presentational HTML markup(we can also
use HTML to decorate the content in the web page) is that the styling can be kept entirely
separate from the content. For example, it’s possible to store all the presentational styles for a
10,000-page web site in a single CSS file. CSS also provides far better control over
presentation than do presentational element types in HTML. This helps in distinguishing the
different sectors of page in the website. Without any structure or design, it is hard to
distinguish the message or the basic message. So we wrap each of the items in some HTML
to help a web browser understand what each of these pieces of information relates to like so:
<div id="center">
<h1>tumblr.</h1>
<input type="text" placeholder="Email"></br>
<button id="button_blue">Get Started</button></br>
</div>
For the html that is provided above the coding that corresponds in css is also
provided.

2
RESPONSIVE DESIGN
#desc {
margin-left: auto;
margin-right: auto;
max-width: 100%;
color: #fff;
font-size: 18px;
}
Hence, this type of coding provides the developer with the opportunity to do an
extensive coding in the webpage which make the webpage more attractive and provides a
better view and navigation to the users of the website.
The design
At first the designs were made without the css and logos were used for making the
website attractive.

3
RESPONSIVE DESIGN