Web Developer Portfolio

{"ops":[{"insert":"Perfect for practicing modular components and responsive design.\n"}]}

Personal Blog

Javascript30 Navbar

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

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.


Hover animation on navbar links is so cool. How you do it?

Nice bro. Just update your live website link.

You didn't set up GitHub Pages to see the website live.

sorry for this ill be deleting this i've made a mistake in choosing the right link


Very great work and neat codes but you should try to reduce the width of the hero-image img so the hero image wont overlap the footer at full screen for desktop.
Also you can try reducing the (*) padding so the gradle menu in it can align well with the rest in the drop down menu 
great work!!! whoever you are

sorry the Repositorie is deleted by mistake check my another submission.
thankyou

Please Download first then open document 

hi bro how your code in live project please help me the way to live my code .....

Great work Nathan. Just a few simple suggestions from my side. First of all I use a 1920 wide display and I feel the font size is a little small, and it would be even better if it is bigger. In your website the main header's width is small which makes it awkward to see, try using width: 100% and control that with max-width so that it would be responsive. The last thing I noticed is that in the image part the second image is bigger than the first one,  try object-fit: cover in your code. Hope you find it helpful...✌

You did so well. I want to know a few things about Bootstrap5.

I had issues when I viewed the page on my mobile phone, it all changed from what it was on the developers tool screen size for mobile, the issue now is, I don't know the specific breakpoints in my source code that I'll track modified and correct so that the page won't have issues.
I don't know what breakpoints to track, how can I do that

Hello Nicholas, you should have tried hiding the get-in-touch button for the mobile design, asides that, the code is Perfect.


Also the link you provided to view the source code isn't for this developer portfolio challenge, try making an adjustment, as I'd also like to see the code and check for the possible ways I've made mistakes while writing my own code for the same challenge.

Moreover, what was the breakpoints you used in designing for mobile and desktop?

The designs I Made for my mobile doesn't seem like the mobile design when I published the challenge and viewed it on a mobile phone, I'd like to know how you did yours or if you experience the same difficulty.
Thank you

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

Personal Blog by Deepart

a bit tricky for me

JavaScript30_Navbar

{"ops":[{"insert":"A responsive landing page of Ondeck - Video calling service app\n"}]}

Ondeck - Video Calling Service

{"ops":[{"insert":"Solution to On Deck landing page built with nuxt.js and fully responsive\n"}]}

On Deck solution built with nuxt.js

{"ops":[{"insert":"Ondeck - Javascript30 Navbar  Solution\n"}]}

Javascript30 Navbar Solution

{"ops":[{"insert":"solution to a codewell exercise\n"}]}

ondeck

Portfolio Website

{"ops":[{"insert":"this is my solution to the exercise\n"}]}

Solution to codewell navbar with js

Ondeck

{"ops":[{"insert":"I have coded for desktop/pc.\n"}]}

{"ops":[{"insert":"I used percentages for major responsiveness of the site.\n"}]}

Gradie

web Developer Portfolio Website

{"ops":[{"insert":"developer portofolio using html and css, with layout using flexbox\n"}]}

developer portofolio using html and css

Barra de navegacion con JavaScript

JavaScript NavBar

Developer portfolio

{"ops":[{"insert":"Responsive, with grid and js. \nWithout figma file :( \n"}]}

CodeWell01 - Navbar

{"ops":[{"insert":"my first html CSS challenge. build using raw HMTL and CSS.\n\n"}]}

portfolio landing page challenge

Javascript30 Navar

{"ops":[{"insert":"This project was a bit challenging 😅\n"}]}

{"ops":[{"insert":"My first project challenge.\n"}]}

Developer-Portfolio-Starter-Files

Navbar javascript

Codewell Front End Project Challenge

{"ops":[{"insert":"i really hope to give me some advice about my first project\n"}]}

my first portfolio

rhis is my first website site 

{"ops":[{"insert":"Interesting project\n"}]}

js30NavBar

Eyihbanner's WebDev PortFolio 

Solution to web developer portfolio

Hi, this is my first page with HTML and CSS!

JavaScript30 Navbar 

Developer's Portfolio

Developer-s-Portfolio challange

javascript navbar

Developer_Portfolio_Starter_Files_5c94536d53

landing challenge sol

{"ops":[{"insert":"Gone pretty well ! added the responsive menu too.\n"}]}

Gone well

{"ops":[{"insert":"Web Developer Portfolio Solution\n"}]}

landing page navbar

navbar

portfolio built with html and css

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

javascript30 navbar

Solution for web developer portfolio | Codewell Challenge

{"ops":[{"insert":"I only use a little bit of Javascript for mobile navigation.\n"}]}

This is my solution

{"ops":[{"insert":"Here is my solution for Web Development Portfolio.\n\n\n"}]}

Web Development Portfolio

{"ops":[{"insert":"Here is my solution for Web Development Portfolio.\n"}]}

Web Development Portfolio Solution

Codewell.cc Challenge-OrangeDev

Challenge Accepted and Completed

{"ops":[{"insert":"This is a desktop view of a developer portfolio not yet responsive\n"}]}

{"ops":[{"insert":"It was very difficult but I managed to get it done. And it is responsive. \n"}]}

Developer-portfolio

JS30 Navbar Challenge

PORTFOLIO WEBSITE

web-developer-portfolio-master

Javascript30

{"ops":[{"insert":"First Challenge complete✌🏻"},{"attributes":{"header":2},"insert":"\n"}]}

LandingPage_Javascript30

{"ops":[{"insert":"the project was interesting\n"}]}

Portfolio Landing page

Developer Portfolio Starter

{"ops":[{"insert":"Here is the solution.... And I used the css grid concept\n"}]}

Wed developer portpolio

Web developer Portpolio

Web-Developer-Portfolio

Javascript30-Navbar

{"ops":[{"insert":"Hi just submitted my solution. Thanks!\n"}]}

Portfolio-Design-Project

Challenge 1

{"ops":[{"insert":"interesting part practicing my quality website design\n"}]}

Developer Portfolio Starter Files

Jhonathan Specter portfolio landing page

It's alive

{"ops":[{"insert":"Made with React JS.\nGive me your feedback!\n"}]}

JS30NAVBAR

My navbar

{"ops":[{"insert":"unresponsive landing page website for codewell.cc challenge\n"}]}

unresponsive landing-page

{"ops":[{"insert":"A Fully Responsive Site With HTML And CSS only\n\n"}]}

Web Developer Portfolio Challenge >>>DONE

{"ops":[{"insert":"developed a webpage using Tailwindcss Library.\n"}]}

Javascript 30 Navbar - Tushar Kanjariya

{"ops":[{"insert":"Web Developer Portfolio Build with Tailwindcss\n"}]}

Web Developer Portfolio - Tushar Kanjariya

Navbar challenge using sass

Solution for the given challenge (Desktop, Tablet and Mobile View)

Odneck Awsome Landing page

On desk

portfolio challenge codwell

Johnathan-Spenter

{"ops":[{"insert":"thats a small solution for the layout\n"}]}

My first simple solution!

{"ops":[{"insert":"First time to submit a solution \n"}]}

Web Developer Portfolio Coding Challenge

https://whimsical-smakager-3df2eb.netlify.app/

dev Portfolio

{"ops":[{"insert":"It was an excellent experience for me Thank you code well!\n"}]}

Web development Portfolio Coding Challenge

{"ops":[{"insert":"HTML, CSS and Javascript\n"}]}

Dev Portfolio

{"ops":[{"insert":"I used next.js and tailwindcss.\nGive me your feedback!\n"}]}

personal blog

{"ops":[{"insert":"Ejercicio gratuito de codewell\n"}]}

Developer Portfolio (Navbar redesign)

Web Porfolio Challenge Submission by Raza Haider

Mywebpage1

{"ops":[{"insert":"my first web page landing\n"}]}

MyProject1

{"ops":[{"insert":"Developer Landing page, made with css. I love flexbox. \n"}]}

Developer Portfolio Landing Page

{"ops":[{"insert":"Interesting template.\nGive me your feedback!\n"}]}

JS30 Navbar

web-dev-portfolio

{"ops":[{"insert":"This Is My First Challenge!\n"}]}

{"ops":[{"insert":"Working with Images is still a problem for me...Any feedback is welcomed..\n"}]}

My First Codewell Project

{"ops":[{"insert":"This was fun. I used bootstrap to make it\n"}]}

First codewell project

Portfolio Starter with Bootstrap 5.

{"ops":[{"insert":"this is my first project\n"}]}

codewell project

Javascropt30-Navbar Challange COMPLETED

javascript30-navbar-starter

Beginner CSS

{"ops":[{"insert":"any suggestions welcome...\n"}]}

Developer Portfolio using Tailwind CSS

my project

{"ops":[{"insert":"What do you think ?\n"}]}

Solution !!

{"ops":[{"insert":"made width html scss javascript\n"}]}

portfolio-developer

{"ops":[{"insert":"Using HTML CSS Jquery\n"}]}

Solution

{"ops":[{"insert":"cool project. just I used css,html and js\n"}]}

My First Time Learn BoooStraps 5

Web Developer Portfolio - GHLFernandes

{"ops":[{"insert":"very high responsive\n"}]}

{"ops":[{"insert":"Projet Codewell.cc\nthis is my work on # Web Developer Portfolio\n"}]}

{"ops":[{"insert":"Developer Portfolio Starter Files using flexbox CSS\n"}]}

{"ops":[{"insert":"Ondeck landing page using Flexbox and css classes.\n"}]}

Javascript 30 NavBar using FlexBox

{"ops":[{"insert":"web developer portfolio using flexbox\n"}]}

Web developer portfolio

Ondeck landing with Flexbox

{"ops":[{"insert":"Just some CSS practice\n"}]}

Web Developer Portfolio Using HTML and CSS

NavBar responsivo 

{"ops":[{"insert":"I made use of grid system and bootsrap to build the landing page\n"}]}

web-developer-portfolio

Web Developer Portfolio (instructive)

{"ops":[{"insert":"Muito bom para praticar e fixar os conceitos do framework TailwindCSS.\n"}]}

Responsive Navbar ReactJS + Tailwind

The best navbar :)

{"ops":[{"insert":"Using react and tailwind\n"}]}

This is my solution for this challenge i hope you like it

{"ops":[{"insert":"I could not find information about drop-down menu. I create a new one.\n"}]}

Created with vue.js and tailwind.css

Responsive developer portfolio website with only pure HTML5 and CSS3

Challenge Done !

My Solution

{"ops":[{"insert":"Responsive landing page web designer portifolio using sass/scss\n"}]}

Responsive landing page web designer portifolio using sass/scss

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

Personal-blog

nice

Personal Blog