I got the Media Query on this section to look better, as it was a little bit troubling trying to get it right.
What challenges did you encounter, and how did you overcome them?The Media Query , and some of the mistakes I did made me take more time then i wanted too
What specific areas of your project would you like help with?The Media Query area, if there is any type of issues on it.
Congratulations on completing the challenge, Nebil! Your design is well-responsive.
I have a suggestion that'll help you with Flexbox. Consider adding the gap property to your design. Although justify-content: space-evenly works for this project, when the screen is resized, the space between the boxes does not remain the same, resulting in the boxes being too close together. By using gap, the size of the gap between your boxes will remain the same, even when you resize the screen.
I hope you find this helpful. Other than that, great job!
Great job on completing the challenge, Fardin!
You may have missed adding the :hover pseudo-class to the button. This should change the button's background color when the user hovers over it. If you're having trouble selecting the right color for the hover effect, I recommend using a color picker tool.
Overall, you did an excellent job!
What gives me the most satisfaction was using an image editor as a ruler to measure the proportions and the web pages as pickupcolor to define the implemented colors.
What challenges did you encounter, and how did you overcome them?it was interesting to try to remove a space between the image and the content, a space of a few pixels that I did not manage to remove with a comment or by joining the tags together
Hi Santiago, congrats on your great work on the challenge.
I have a quick suggestion that could save you time and make your work more efficient. Consider adding a strong tag to your code. This will automatically bold your text without adjusting the font-weight in your CSS (unless needed).
I hope you find this useful, and keep up the excellent work!
One thing I'm most proud of is the way I structured and organized my code for this project. I focused on creating clean, maintainable code that follows best practices and is easy to understand. I also made effective use of modern web development techniques and technologies, such as semantic HTML, CSS custom properties, and Flexbox, to achieve the desired layout and functionality.
What challenges did you encounter, and how did you overcome them?In the process of completing this project, I encountered several challenges, primarily related to styling and layout. One challenge was ensuring consistent spacing and alignment of elements across different screen sizes. To overcome this, I utilized CSS Flexbox and Grid layout techniques to create a responsive design that adapts well to various screen sizes.
What specific areas of your project would you like help with?In my project, I would specifically like help with the following areas:
Improving the design and layout for better user experience. Optimizing the code for performance and readability. Implementing responsive design to ensure compatibility across various devices and screen sizes. Adding more interactivity or functionality to enhance the user engagement. Addressing any accessibility issues to ensure the project is inclusive to all users. Integrating with backend services or APIs to extend the project's capabilities. Conducting thorough testing and debugging to resolve any existing issues or bugs. Seeking feedback on the overall concept and execution to identify areas for further refinement or enhancement.
I appreciate any guidance or assistance in these specific areas to help improve the quality and effectiveness of my project. Thank you
Hi, Sohag. Great job on the challenge!
Remember to add text inside the alt in the img tag. This will help provide context to the image if it fails to load and the user can't see it.
Other than that, great work!
Hi, shamkumar527. Great work on the challenge!
One thing I suggest that you keep in mind for CSS is to include box-sizing: border-box inside this * selection. Doing this can help ensure your content is correctly positioned and maintain a consistent design across different screen sizes.
Otherwise, keep it up!
I think i did well with my html
What challenges did you encounter, and how did you overcome them?I had challenges with the styling and it took me a little while before i got it right. I had to watch tutorials to get it right
What specific areas of your project would you like help with?I need help with my styling
Hi there. Good work on completing the challenge!
I do have a couple of suggestions to keep in mind:
<img> element would make the content more accessible and can provide information for the image if the user can't see it.margin-left and margin-right in your CSS to control the layout better rather than using the <br> element.Adjust the font sizes for the header. Otherwise, keep it up!