Skip to content

Commit 599934f

Browse files
elangosundarelangosundar
committed
Modified layout
1 parent 2952645 commit 599934f

File tree

1 file changed

+36
-37
lines changed

1 file changed

+36
-37
lines changed

‎src/Components/Main.js‎

Lines changed: 36 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ import React from 'react';
44
class Main extends React.Component {
55
render() {
66
return (
7-
<div className="row">
8-
<div className="row container">
7+
<div className="row col-sm-12 col-md-12 col-lg-12 container-fluid">
8+
<div className="row container container-fluid">
99
<div className="jumbotron container jumbotron-bg">
1010
<div className="container">
1111
<div className="row">
@@ -17,55 +17,54 @@ class Main extends React.Component {
1717
</div>
1818
</div>
1919
</div>
20-
<div className="row">
20+
<div className="row col-sm-12 col-md-12 col-lg-12 container-fluid">
2121
<section className="no-margin padding-top-lg padding-bottom-lg">
22-
<div className="container center">
22+
<div className="container-fluid">
2323
<div className="row">
24-
<div className="col-12 main-text">
25-
<h2 className="text-xxl">Powerful HTTP and GraphQL tool belt</h2>
26-
<p className="text-lg"><strong>Free</strong> and <strong>open source</strong> on Mac, Windows, and Linux</p>
27-
</div>
28-
</div>
29-
<div className="row">
30-
<div className="col-4 padding-top">
31-
<div className="img--promo">
32-
<div className="gatsby-image-outer-wrapper" >
33-
<div className="gatsby-image-wrapper" >
34-
<div></div>
35-
</div>
24+
<div className="col-sm bg-success">
25+
<div className="col-4 col-sm-4 col-md-4 col-lg-4 padding-top">
26+
<div className="img--promo">
27+
<div className="gatsby-image-outer-wrapper" >
28+
<div className="gatsby-image-wrapper" >
29+
<div></div>
30+
</div>
31+
</div>
3632
</div>
33+
<h3>Organize everything</h3>
34+
<p>Create workspaces or folders, drag-and-drop requests, and easily import and export your data.</p>
3735
</div>
38-
<h3>Create HTTP requests</h3>
39-
<p>Specify URL, payload, headers, and authorization all in one place. Then just hit send.</p>
4036
</div>
41-
42-
<div className="col-4 padding-top">
43-
<div className="img--promo">
44-
<div className="gatsby-image-outer-wrapper" >
45-
<div className="gatsby-image-wrapper" >
46-
<div></div>
47-
</div>
37+
<div className="col-sm bg-warning">
38+
<div className="col-4 col-sm-4 col-md-4 col-lg-4 padding-top">
39+
<div className="img--promo">
40+
<div className="gatsby-image-outer-wrapper" >
41+
<div className="gatsby-image-wrapper" >
42+
<div></div>
43+
</div>
44+
</div>
4845
</div>
46+
<h3>Organize everything</h3>
47+
<p>Create workspaces or folders, drag-and-drop requests, and easily import and export your data.</p>
4948
</div>
50-
<h3>View response details</h3>
51-
<p>Get all the details on every response. View status code, body, headers, cookies, and more!</p>
5249
</div>
53-
54-
<div className="col-4 padding-top">
55-
<div className="img--promo">
56-
<div className="gatsby-image-outer-wrapper" >
57-
<div className="gatsby-image-wrapper" >
58-
<div></div>
59-
</div>
60-
</div>
50+
<div className="col-sm bg-success">
51+
<div className="col-4 col-sm-4 col-md-4 col-lg-4 padding-top">
52+
<div className="img--promo">
53+
<div className="gatsby-image-outer-wrapper" >
54+
<div className="gatsby-image-wrapper" >
55+
<div></div>
56+
</div>
57+
</div>
58+
</div>
59+
<h3>Organize everything</h3>
60+
<p>Create workspaces or folders, drag-and-drop requests, and easily import and export your data.</p>
6161
</div>
62-
<h3>Organize everything</h3>
63-
<p>Create workspaces or folders, drag-and-drop requests, and easily import and export your data.</p>
6462
</div>
6563
</div>
6664
</div>
6765
</section>
6866
</div>
67+
6968
</div>
7069
)
7170
}

0 commit comments

Comments
 (0)