Being able to challenge myself
What challenges did you encounter, and how did you overcome them?Nothing really
What specific areas of your project would you like help with?I am open to honest critics and point out area i can improve myself. Thanks for your feedback
Congratulations! You've successfully completed the required tasks.
Semantic HTML Elements
<section>, <footer>, etc.CSS Optimization
:nth-child) for individual stylingPage Margins
It was an interesting project to work on. I was proud of the way I carried out the development and I believe the result was satisfactory.
What challenges did you encounter, and how did you overcome them?N/A
What specific areas of your project would you like help with?N/A
Sticking to the basics and using only html, CSS without any frameworks. I'm self-taught and more of an advanced intermediate developer. Well that's how I see it. I've been using GitHub for years, but still don't really understand it so this challenge was a great opportunity to learn more and acquire a deeper understanding of GitHub.
What challenges did you encounter, and how did you overcome them?Choosing between flexbox and grid. I went with flexbox because it seemed to be the best way to write less code. Getting the different branches and updates to work in GitHub took longer then coding the challenge.
This solution doesn't have a bunch of break points as it's only one card. However, I do wonder if using a few more break points would make the card more visually appealing across all device sizes.
What specific areas of your project would you like help with?Is flexbox really the best layout for this? And I wasn't sure about he 1400px measurement, was it suppose to be on the main container of the element or the card. A 1400px card doesn't seem to be visually appealing.
Grid is usually better because you don't have to edit HTML (add parent elements) while using it. You can do 2D layouts easily, and it makes life easier when you want to change layout based on breakpoints. That's the main reason I like it.
I'm proud of everything and would like to try a different approach to positioning it next time
What challenges did you encounter, and how did you overcome them?I had a littl problem with positioning the whole form at the center of the page but i later found a way to position it using the transform property
Congratulations: That's a good work, you can actually build web pages 🎉 but there are some points to consider:
CSS custom variables: Try to put the provided colors and fonts in design guide in root variables so you can work with them easily.
Positioning: If you want to center an element by setting the margin to auto, you shouldn't use absolute positioning (just keep the default value (static)). There are several options to center elements (just google them), but sometimes it becomes tricky even for professional developers.
I'm proud to have completed this challenge.
What challenges did you encounter, and how did you overcome them?Make links similar to the challenge.
What specific areas of your project would you like help with?I'm open to feedback and any suggestions on how to improve this solution or achieve better performance.
thanks.
I am proud to continue practicing; I already feel very confident with HTML and CSS, but I like to go back and review concepts so as not to forget them. I consider it important to keep concepts fresh even if I already know them. Also, I am very proud that I can complete these exercises in approximately 15 minutes, which reflects my learning.
What challenges did you encounter, and how did you overcome them?"I didn't find a very big difficulty since these are concepts that I've done a lot."
What specific areas of your project would you like help with?I would like to receive feedback in case I missed something or if there's something that needs to be corrected. For me, it's very important to be corrected so that I can continue improving on my journey. Any feedback will be greatly appreciated.
I guess the code is perfect, I agree with what you said, to continue practicing is an essential approach in coding career paths.
but I've noticed some problems that can be easily fixed, such as:
it's obviously not perfect, so you should try achieving the demanded layout.
I see that you didn't use the provided colors, you can do that easily by take the provided colors in style-guide.md and put them in global variables, so you can use them whenever/wherever you want. ENJOY.
