Task5

App.css

@@ -0,0 +1,113 @@
+*{
+  box-sizing: border-box;
+}
+body{
+  color:#333;
+}
+
+img{
+  max-width: 100%;
+}
+
+main{
+  padding: 10px;
+  max-width: 700px;
+  margin: 0 auto;
+}
+
+header{
+
+  display: flex;
+  margin-top:10px;
+  justify-content: space-between;
+  align-items: center;
+}
+
+header a{
+  text-decoration: none;
+  color: inherit;
+  margin-bottom: 15px;
+}
+
+header a.logo{
+  font-weight: bold;
+}
+
+header nav{
+  display: flex;
+  gap:15px;
+}
+
+div.post{
+  display: grid;
+  grid-template-columns: .8fr 1.1fr;
+  gap: 20px;
+  margin-bottom: 25px;
+}
+
+div.post div.texts h2{
+
+  margin: 0;
+  font-weight: 400;
+  background: -webkit-linear-gradient( right, #d03232, #0d4680);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  font-size: 1.4rem;
+
+}
+div.post p.info{
+  margin:0;
+  color:#888;
+  font-size: .7rem;
+  font-weight: 500;
+  display: flex;
+  gap: 10px;
+}
+
+div.post p.info a.author{
+  color: #333;
+}
+
+div.post p.summary{
+  margin: 10px 0;
+  line-height: 1.5rem;
+}
+
+
+form.login, form.register{
+  max-width: 400px;
+  margin: 0 auto;
+}
+
+input{
+  display: block;
+  box-sizing: border-box;
+  margin-bottom:7px ;
+  width: 90%;
+  padding: 5px;
+  border: 1.5px solid #ddd;
+  background-color: #faf8f8;
+  border-radius:5px ;
+
+}
+
+button{
+  width: 90%;
+  border: none;
+  background: -webkit-linear-gradient( right, #d0323283, #0d478084);
+  border-radius: 7px;
+  padding: 7px;
+  color: white;
+  font-size: 14px;
+  letter-spacing: 1px;
+  cursor: pointer;
+  transition: all 50ms ease;
+}
+
+button:active{
+  transform: scaleX(.99);
+}
+
+form.login h1, form.register h1{
+  text-align: center;
+}

App.test.js

@@ -0,0 +1,8 @@
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+  render(<App />);
+  const linkElement = screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
+});

README.md

@@ -24,6 +24,9 @@ Your entry should maintain alphabetic order and it should be in the format:
 
 ### Entries
 
+Rohit Raj
+
+Shreyansh Gayakwad [mr-shreyansh]  (http://github.com/mr-shreyansh)
 
 ## Task 2
 

index.css

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}