@Lo-Deck
@bajwacodes
Submitted
What are you most proud of, and what would you do differently next time?
My first landing page ever, super happy with the progress.
What specific areas of your project would you like help with?
Can anyone guide what's the ideal way to scale up that big computer image on bigger layouts? For me, it wasn't big enough even at width: 100% so I had to force it to get bigger using min-width:130%
section or article needs a h2 or h3 I mean a title, look with the 3wc validator it explains the mistake. If there is no other choices use a div but a section need a title.
MDN.
It's not obligaory but it's good practice for SEO.
Marked as helpful
@Hassan77github
Submitted
What are you most proud of, and what would you do differently next time?
Any feedback is open!!
Hi well done for this challenge,
Take care of the link view code head toward a 404 page not found.
@YosefHayim
Submitted
Hi well done for this challenge,
Take care of the link view code send a 404 page not found.
Hope to be helpful.
Marked as helpful
Hi well done for this challenge,
You need to use more semantic tag to improve your HTML, it's better for screen-reader and SEO.
Use a div when there is no other choices, you can use section, article...
It's better to use em or rem instead of px. FreeCodeCamp.
FreeCodeCamp.
Hope to be helpful.
Marked as helpful
@YosefHayim
Submitted
Hi well done for this challenge,
It's better to use em or rem instead of px. FreeCodeCamp.
FreeCodeCamp.
When I looked at your website the image doesn't correctly fit the container :
.illustration-hero {
position: relative;
border-radius: 20px 20px 0px 0px;
width: 100%; ! I need to add this line!
}
Hope to be helpful.
@YosefHayim
Submitted
Hi well done for this challenge,
For this <div class="first-container"> you can use <section class="first-container">
Use a div when there is no other choices, you can use section, article...
It's better to use em or rem instead of px. FreeCodeCamp.
FreeCodeCamp.
Hope to be helpful.
@originalboss
Submitted
What are you most proud of, and what would you do differently next time?
I had a good start with the javascript but I need more studying and practice. I'm proud that I did th css styling before moving on to js. Before, this project I would always use js to do all of the error designing.
What challenges did you encounter, and how did you overcome them?
I struggled w/ the js. I had a good start but the approach I was taking was too complex or overcomplicated.
What specific areas of your project would you like help with?
I will continue to practice and perfect the js.
Hi well done for this challenge,
It's better to use em or rem instead of px. FreeCodeCamp.
FreeCodeCamp.
And look at your HTML set it correctly :
beginning :
<div class="userInput">
<input type="text" placeholder="First Name" class="text">
end:
<footer>By clicking the button, you are agreeing to our <a href="">Terms and Services</a></footer>
</div>
to :
beginning :
<div class="userInput">
<input type="text" placeholder="First Name" class="text">
end:
<footer>By clicking the button, you are agreeing to our <a href="">Terms and Services</a></footer>
</div>
After it's a mess when you need to debug it or someone else try to read your code
<main>
<div class="content">
<div class="text">
to :
<main>
<div class="content">
<div class="text">
Take care of the structure of the tree.
Hope to be helpful.
@YosefHayim
Submitted
Hi well done for this challenge,
It's better to use em or rem instead of px. FreeCodeCamp.
FreeCodeCamp.
Hope to be helpful.
Marked as helpful
@adriantech-beep
Submitted
What challenges did you encounter, and how did you overcome them?
the most challenging part of this project is the implementation of the card number that has a format of a letter at the end.i'm a little bit confused on the result and the error message that says "wrong format, numbers only" but then on the output it should have a letter at the end.so i decided to follow the format that will be printed.
What specific areas of your project would you like help with?
any suggestions or feedback on this project will be much appreciated.😊
Hi well done for this challenge,
I'll give this link you check out the mistake for HTML and CSS. 3WC validator.
It's better to use em or rem instead of px. FreeCodeCamp.
FreeCodeCamp.
It's easier to start with a mobile-approach FreeCodeCamp.
I don't know what do you mean with the letter at the end, when you look at the challenge, it's an example for the active state. It's when you display an error.
And it's better to use rem or em for the font-size with my screen the text goes out of the card, try with the webtool and a size above 2200.
Hope to be helpful.
Marked as helpful
@bajwacodes
Submitted
What are you most proud of, and what would you do differently next time?
My first landing page ever, super happy with the progress.
What specific areas of your project would you like help with?
Can anyone guide what's the ideal way to scale up that big computer image on bigger layouts? For me, it wasn't big enough even at width: 100% so I had to force it to get bigger using min-width:130%
Hi well done for this challenge,
I'll give this link you check out the mistake for HTML and CSS. 3WC validator.
For a section and article, you need to use a h2 with p or else, here you can use a div :
<section class="img-wrapper">
<img src="images/image-computer.png" alt="a computer's screen showing ocean water" class="computer-img">
</section>
<div class="img-wrapper">
<img src="images/image-computer.png" alt="a computer's screen showing ocean water" class="computer-img">
</div>
After for the image you can play with position: absolute, or set a div class='image'
and use the background property in CSS to resize it.
Have you tried a width: xxxrem;, in % you set a width depending on the parent container.
And look at the priority's property on the CSS for the image it can be tricky.
Hope to be helpful.
Marked as helpful
@Jaime-Cont
Submitted
What are you most proud of, and what would you do differently next time?
What I'm most proud of is actually taking on the challenge and finishing it in a couple of days, and that it looks close to the solution as well! I have been studying and getting into Web Development for quite some time now, like a month or two, and I'm proud of how much I know right now and am looking forward to learning more!
The main thing I would like to do differently next time is incorporate the mobile first workflow, personally its much easier to make the website responsive when it is initially made for mobile.
What challenges did you encounter, and how did you overcome them?
The challenges I encountered include:
I overcame them by:
What specific areas of your project would you like help with?
The areas in my project I would like help with would probably be the following:
Hi well done for this challenge,
I'll give this link you check out the mistake for HTML and CSS. 3WC validator.
It's better to use em or rem instead of px. FreeCodeCamp.
FreeCodeCamp.
It's easier to start with a mobile-approach FreeCodeCamp.
Hope to be helpful.
Marked as helpful
@ShivamRajput57
Submitted
Hi well done for this challenge,
I'll give this link you check out the mistake for HTML and CSS. 3WC validator.
It's better to use em or rem instead of px. FreeCodeCamp.
FreeCodeCamp.
It's easier to start with a mobile-approach FreeCodeCamp.
You forgot font-family to set the correct font.
Hope to be helpful.
