{"ops":[{"insert":"Practice your CSS, loops, and fetch Javascript skills with this challenge.\n"}]}

Contrast Directory

Web Developer Portfolio

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

Personal Blog

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

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

Responsive Design using Tailwind CSS and Fetch API

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

Personal Blog by Deepart

Contrast - work in progress

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

{"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

{"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":"Web Developer Portfolio Build with Tailwindcss\n"}]}

Web Developer Portfolio - Tushar Kanjariya

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

portfolio challenge codwell

Johnathan-Spenter

{"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

web-dev-portfolio

{"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.

Beginner CSS

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

Developer Portfolio using Tailwind CSS

my project

{"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":"Projet Codewell.cc\nthis is my work on # Web Developer Portfolio\n"}]}

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

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

Web developer portfolio

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

Web Developer Portfolio Using HTML and CSS

{"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":"Using react and tailwind\n"}]}

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

Responsive developer portfolio website with only pure HTML5 and CSS3

My Solution

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

Responsive landing page web designer portifolio using sass/scss

Developer Portfolio

Web DEveloper Portfolio Solution

Challenge Web Developer Portfolio Solution

{"ops":[{"insert":"well, its sound good\n"}]}

nice

My portfolio

{"ops":[{"insert":"I have used Bootstrap to make this site.\n"}]}

Developer_Portfolio Challenge

Portifolio website

My Developer Portfolio starter Project

Web Developer Portfolio Challenge

{"ops":[{"insert":"Made it with Html, Scss, JS\n"}]}

Personal-blog

{"ops":[{"insert":"Developer portfolio\n"}]}

Developer portfolio

Developer protfolio Template

landing page

Toluwaleyi/Toluwaleyi-landing-page

portifolio challenge

{"ops":[{"insert":"The code are all in the GitHub repository, I'm open to corrections\n"}]}

Developer-personal-website

Web Developer Portfolio Using Tailwindcss

Web-Developer-Portfolio-Project

{"ops":[{"insert":"Coded with only css and html.It was fun.\n"}]}

Portfolio

{"ops":[{"insert":"I used only flex .\nIts not responsive yet , still learning ;)\n"}]}

Portofolio(only flex -no-responsive yet)

{"ops":[{"insert":"This is my first try with Tailwind .\n"}]}

Web-Developer-Portfolio (With Tailwind)

{"ops":[{"insert":"Only html and css\n"}]}

It's not one of my best projects, but I'm evolving!

Done the challenge but there's a problem I can't solve

Web Developer Portfolio responsive page solution 

{"ops":[{"insert":"Give me some tough Challenges.\n"}]}

hmmmm

Web Developer Portfolio Challange

Codewell

{"ops":[{"insert":"made use of mostly divs to create nav bars and used css to style\n"}]}

project 1

{"ops":[{"insert":"Simple responsive code\n"}]}

HTML, CSS and JS

{"ops":[{"insert":"Yapmış oldugum responsive inceleyebilrsiniz.\n"}]}

Responsive

{"ops":[{"insert":"I would love to have feed back on my mistakes \n"}]}

Html and css

{"ops":[{"insert":"Waiting for your feedbacks !\n"}]}

Responsive Portfolio Page

Site coded with React and Typescript

{"ops":[{"insert":"this exercise give me more some insight \n"}]}

portfolio

Unifeed Blog Page

Desktop Layout Attempt

{"ops":[{"insert":"I had difficulties making images responsive.\n"}]}

Responsive Website Using Flexbox And Media-Queries

{"ops":[{"insert":"Here's what i did using what i learned :)\n"}]}

My attempt

Looking forward for your feedback.

{"ops":[{"insert":"layout article use column-count\n"}]}

web dev portfoilo

Mi first challenge

{"ops":[{"insert":"That's it guys! , hope you like it\n"}]}

Simple Portfolio

{"ops":[{"insert":"Had a challenge making the icons look like as shown in the designs\n"}]}

Web developer porfolio

{"ops":[{"insert":"Let me know what if think.\n"}]}

My code, with responsive design for mobile.

Web Developer Portfolio (completed)

 Challenge Successfully Completed, Website Fully Reconstructed and fully Responsive with Minimal Use of Media Queries 

{"ops":[{"insert":"I'm waiting feedbacks, thank you\n"}]}

Html & Css & Bootstrap - Web Developer Portfolio Submit

{"ops":[{"insert":"A good challenge .👍\n"}]}

my portfolio

Html & Css & Bootstrap - Web Developer Portfolio Submit

Challenge Successfully Completed, Website Fully Reconstructed and fully Responsive with Minimal Use of Media Queries