Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

IndieBrew Landing Page

Snipper Landing Page

Commune Waitlist Page

TimeNow Landing Page

Unifeed Blog Page

Newsletter Popup Template

Hosterr Waitlist Page

linkProfile App

Meeet Waitlist Template

Multi Step Form 

Chirp Landing Page

YelpCamp by Colt Steele

Arclight Landing Page

Web Developer Portfolio

Javascript30 Navbar

Correct link to live demo
https://competent-elion-cbde7a.netlify.app

Hi. Great work. I dwelled into this for a while. I'm reckon there might be an autonomous way but here is a simplified syntax.

<h1>Meet New Entrepre<span style="z-index: 4;margin: 0;">neurs</span></h1>

Instead of using two spans, just use one and remove all the margins from that span. 

First thing Ur Twitter logo is fixed change it. And responsiveness is sucked first divide everything in parts and make it full responsive first like logo first then the main section then the footer.

Could you share your solution with me? I'm rather new to coding and this would be a great learning experiance for me. 

You can click on 'View Source Code' to see the solution.

Had to post twice because this f****** platform dosent have options to edit your submits...

In general, I was just changed name on Github so i had to change name on my github pages.

Good to see the page, but in laptop screen size I see twitter logo coinciding with button.

you can use animate on scroll, here is the github repo:
https://github.com/michalsnik/aos

Wow. Clean coded and responsive one. Amazing :) 

If you pay the $8 monthly, you get the figma files. This file is kind of like photoshop where you can extract images (i.e. the 6th avatar). You can also find the width and height of things, the line height etc. You can use the ruler tool to to measure distances. 

Alternatively, you can also snippet tool the extract and save it as an image and import it into your html, give it a class and change the width and height to replicate it to the best of your ability.

create with flexbox and grid methods to help on operation on mobile phones.

Hey, I've seen your repository, you've made some really cool projects.

You changed the width of body that resulted in inresponsiveness of your website. Use padding in body for gap

Hi SauravHeavyCoder
Thank you for the feedback provided. much appreciated
I will try it in the future and if i understand you correctly i should rather use a 10% padding on the left and right and not a fixed width of 80% with a margin of 0 and auto.


Nice bro. Just update your live website link.

https://webdevporto-codewell-bef.netlify.app/

nice site. but when you reduce the page size with ctrl - the site contents fly around

Instead of renaming your images, go to your HTML files and rename your image exactly as they appear in your image or assets folder. Also note that GitHub is case sensitive, please.

Meeet Challenge Solution

Snipper Template complete 

{"ops":[{"insert":"I don't know if my work is correct, I'm just a newbie in web development\n"}]}

{"ops":[{"insert":"Any feeback will be appreciated.\n"}]}

Unifeed Blog Template using Bootstrap 5.1

{"ops":[{"insert":"I made this challenge using html, css and js.\nAny feedback would be great.\n"}]}

IndieBrew landing page

{"ops":[{"insert":"This is my solution. Any feedback would be appreciated.\n"}]}

YelpCamp - Solution

Hosterr Waitlist

Developer-Portfolio

{"ops":[{"insert":"Developed using CSS Flexbox.\n\nI used modal to visualize the PopUp.\n"}]}

Newsletter Popup Starter Files

{"ops":[{"insert":"I used vanilla CSS and HTML to complete the challenge. Used Flexbox. \n"}]}

Challenge Completed using HTML and CSS 

{"ops":[{"insert":"It is amazing project to practice HTML and CSS. Must try.\n"}]}

Johnathan Specter

Took me sometime to nail the size right on various displays.

Web Progam1

{"ops":[{"insert":"Amazing Project.\n"}]}

Unifeed-Blog-Template

My IndieBrew solution

{"ops":[{"insert":"Used basic CSS styling with Flexbox. \n"}]}

{"ops":[{"insert":"HI,\nThis is my first codewell task.\ndone with 2 hours.\nThank you.\n\n"}]}

Challenge Compeleted!!

Snipper Template

Web Development Portfolio Challenge

{"ops":[{"insert":"it was a tricky one but managed to complete.\n"}]}

Hosterr - Web Hosting Site

{"ops":[{"insert":"Done with CSS Grid and backend done in Nodejs.\n"}]}

YelpCamp

{"ops":[{"insert":"Successfully completed this Challenge using css flex-box.\n"}]}

Newsletter Modal Template

developer

Meet New Entrepremeurs Landing Page

Gradie Sign up Page

{"ops":[{"insert":"First practice in codewell.\nRate my work\n"}]}

Jonathan

YelpCamp with bootstrap

Challenge Completed using HTML + Tailwind

Unifeed Blog Template using SCSS

Fiber landing page

Newsletter Popup challenge

{"ops":[{"insert":"Without Figma file.\n"}]}

{"ops":[{"insert":"Trying to copy CodeWell Web Portfolio design\n"}]}

Codewell Web Portfolio Responsive

{"ops":[{"insert":"need help with my animations\n"}]}

chirp landing page

{"ops":[{"insert":"responsive web page \n"}]}

responsive web page

Web Developer Portfolio 

{"ops":[{"insert":"Made with the use of SASS & Flexbox\n"}]}

Newsletter popup

Gradie sign-up

Unifeed Blog. Challenge Completed using HTML and CSS

HTML & CSS

{"ops":[{"insert":"This is my second project using Tailwind CSS. I am absolutely loving it.\n"}]}

Built with Tailwind & React

Developer Portfolio-Challenge

{"ops":[{"insert":"TimeNow challenge using Tailwind css\n"}]}

TimeNow challenge

{"ops":[{"insert":"This website was done with just HTML and CSS, no functionality just yet\n"}]}

Commune website.

{"ops":[{"insert":"First attempt, still need to make some improvements on the responsiveness. \n"}]}

TimeNow V1

{"ops":[{"insert":"I made it using only HTML & CSS. \n"}]}

Developer Portfolio Website Chanllenge

Commune Waitlist Page using tailwind css solution.

{"ops":[{"insert":"used jekyll to generate the html and bumla for basic css framework\n"}]}

My codewell solution for the newsletter popup

{"ops":[{"insert":"i only get 5 avatars :(\n"}]}

not perfect

Hosterr waitlist using Bulma css, Jekyll, Netlify

{"ops":[{"insert":"This is my solution. Made with a MERN stack.\n"}]}

Yelpcamp-solution

{"ops":[{"insert":"Static site with Jekyll, bulma, scss\n"}]}

Static site with Jekyll, bulma, scss

Gradie Sign up

{"ops":[{"insert":"I have used TailwindCSS and Javascript to make these pages\n\n"}]}

TimeNow Challenge

{"ops":[{"insert":"Create landing page using Html, CSS, Javascript.\n"}]}

{"ops":[{"insert":"Check my work and send me the reviews and errors, suggestions.\n"}]}

My First Responsive website

a bit tricky for me

codewell challenges no.1(commune-waitlist)

JavaScript30_Navbar

Chirp Landing Page using Tailwind css

Commune-waitlist

Developer Portfolio

{"ops":[{"insert":"Box Model\nGrid \nFlex Box\n"}]}

{"ops":[{"insert":"Responsive Spense landing page coded using HTML, CSS, and JavaScript.\n"}]}