Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

IndieBrew Landing Page

Snipper Landing Page

Comment Module 

Commune Waitlist Page

TimeNow Landing Page

Unifeed Blog Page

Newsletter Popup Template

Hosterr Waitlist Page

Meeet Waitlist Template

Multi Step Form 

Chirp Landing Page

Workside Job Board

YelpCamp by Colt Steele

Web Developer Portfolio

Personal Blog

Love the work you've done and the fact that it's responsive. My only 2 comments is that the image technically isn't 'stuck' at the bottom and that the items in the footer change to a hamburger menu on mobile. Other than that, great job!


This is awesome, love the little animation you've added in the hamburger menu on mobile as well!

<b>I actually haven't noticed the hamburger menu on mobile - thanks for pointing it out!</b>

Great job, looks like the content isn't constrained to a certain container, though!

You've nailed this one IMO, great job. TimeNow is a free template and has a landing page and a pricing page, you might like it, check it out!

Is there any way we can view the project live? :D

My only comment is to have the logos as a slider on mobile, currently it's taking too much space up, other than that, looks awesome!

I'm afraid there isn't. You need Xcode to view the project :(

I like the scale effect you added to some buttons, I would've never thought of using that, really cool man.
also the scrollbar it's really cool

Great work!
I can't for the life of me get rid of the weird background thing my images have


This is my first time partaking in a challenge recreating a simple landing page with HTML and CSS. Critics are very much welcome and appreciated. I hope you can also give me some advice like in what aspects should improve and practice more. Thank you.

it's not responsive only good in mobile view but open in big screens everthing breaks

yes, I forgot to mention that while submitting, only mobile version is ready and also missed search functionality.
Currently working on another urgent project but I submit semi final for review and feedback about current status.

New Link:
https://bluedeepart.github.io/codewell-challenge/

You didn't have to make the hamburger menu. It was included in the files as an image.

I would add on hover cursor pointer for the menu. 

My attempt at responsive development.

Snipper Landing Page - My First Codewell Challenge

{"ops":[{"insert":"Spense desktop website version using React js\n"}]}

Spense desktop website version using React js

I used this challenge to try out mint. 

{"ops":[{"insert":"I used vite with vue + windiCSS\n"}]}

Landing page

Excellent gradient and flexbox practice. 

{"ops":[{"insert":"I build this is site with Scss.\n"}]}

Time Now

Fiber landing page with SCSS

{"ops":[{"insert":"Hi! I tried building Spense app with UIKit on Xcode. Hope you enjoy my app!\n"}]}

Spense app built with UIKit

{"ops":[{"insert":"Built with HTML, CSS/SASS, JavaScript\n"}]}

Spense solution

{"ops":[{"insert":"Developed without any framework, just pure css\n"}]}

{"ops":[{"insert":"For this challenge I used flexbox\n"}]}

Sign Up Page

Fiber Landing Page

{"ops":[{"insert":"This is my first Codewell solution. \n"}]}

Mobile first Responsive Fiber landing page (HTML&CSS)

Hosterr Waitlist Page with HTML, CSS and JS

{"ops":[{"insert":"This was encode with practically effective HTML and CSS language........\n"}]}

Hosterr website design 

IndieBrew Responsive Code With HTML Tailwind CSS and JS

Gradie Login Modal

{"ops":[{"insert":"This is a clone of the chirp Template \n"}]}

Chirp Template clone

Hosterr Waiting Page by nadineamanda.com

{"ops":[{"insert":"gulp-sass browser-sync \n"}]}

Snippet Template challenge codewell

Gradie Sign Up Page Using HTML And CSS

Multistep form concept with Drag and Drop API

{"ops":[{"insert":"Spense landing page clone only using HTML and CSS\n"}]}

Spense

Gradie Sign up Challenge solution

spense_landing_page HTML,CSS, and Javascript

{"ops":[{"insert":"meh, it's made as your challenge directed\n"}]}

Gradie Solution

Spence Landing Page

Mi solucion al reto

{"ops":[{"insert":"Built with Bootstrap 5.\n"}]}

Fiber - Create Portfolio in Minutes

{"ops":[{"insert":"I tried to only use CSS in the hamburger menu, it looks good.\n"}]}

Slysux Spense-landing-page

{"ops":[{"insert":"Responsive landing page design\n"}]}

Spense-landing-page-by-anlo

Workside template

My solution

Hosterr Waitlist

YelpCamp React App

Hosterr Waitlist page solution

{"ops":[{"insert":"Any comments and suggestions will be appreciated! Thank you everyone!\n"}]}

chirp 

Developer-Portfolio

SCSS, JSON, Dark theme  in Logo

Chirp project

{"ops":[{"insert":"Personal Blog by Deepart\n"}]}

Personal Blog by Deepart

Codewell-Commune Waitlist

Gradie Sign UP

{"ops":[{"insert":"Feel free to rate my project ;)\n\nPure CSS and Vanilla JS\n"}]}

TimeNow

{"ops":[{"insert":"include animation for elements\n"}]}

Hosterr

{"ops":[{"insert":"I build each of the pages and listed the structure in the readme\n"}]}

Yelp Camp Solution by Victor Evogor

Web developer portfolio

{"ops":[{"insert":"Done using HTML, CSS Flexbox, and couple lines of JS\n"}]}

{"ops":[{"insert":"made with HTML5 CSS3 and Javascript\n"}]}

made with HTML5 CSS3 and Javascript

Snipper Landing page solution. Pure css

Fiber website solution

Done with HTML CSS

Personal solution for the "Snipper Landing Page" challenge

Commune-Waitlist-Page

Responsive mobile first landing page Fiber

Developer Portfolio Challenge

{"ops":[{"insert":"I used SASS to make code easier.\n"}]}

Newsletter Popup 

Unifeed-Blog-Template-Starter

{"ops":[{"insert":"Built with Flexbox, SASS and BEM.\n"}]}

CommentSECTIONUI (html+css)

Fiber Starter

Web developer portfolio challenge solution

Meeet

{"ops":[{"insert":"That's an amazing project. "},{"attributes":{"align":"center"},"insert":"\n"}]}

Newsletter Popup Template.

chirp-starter-files

{"ops":[{"insert":"reactjs and scss\n"}]}

news-letter-ui

YelpCamp Next.js+Tailwindcss

HTML and CSS

HTML & CSS

{"ops":[{"insert":"My version of Spense landing Page\n"}]}

Developers Portfolio using HTML CSS JS

{"ops":[{"insert":"Landing page responsive website design. comment your thoughts\n"}]}

Portfolio Project

Chirp Landing page using HTML SCSS and JS

{"ops":[{"insert":"Practica de portafolio responsive en html, css y bootstrap\n"}]}