Nikola• 190
@porumbachanov
Submitted
What specific areas of your project would you like help with?
Don't know if there's a better regular expression for the email format. Any remarks are welcome.
Demetrio Julian
@dejuliansr
All comments
- Demetrio Julian• 110
@dejuliansr
Posted
congratulations on completing this challenge, the work you have done is very good. Continue to improve your skills by continuing to practice
1 - RhysT97• 120
@RhysT97
Submitted
What challenges did you encounter, and how did you overcome them?
The tooltip was a new component to work on, I had to look up how to create them and then make the necessary modifications for this project
What specific areas of your project would you like help with?
Haven't been able to change the colour of the button arrow to white when it is shared so I just used an X.
Demetrio Julian• 110@dejuliansr
Posted
congratulations you have completed this challenge, the work you have done is very good. keep practicing to improve your skills
0 - SelenaLewis• 80
@Rongbungbu
Submitted
Demetrio Julian• 110@dejuliansr
Posted
The challenge you are working on is good, keep practicing to improve your abilities
0 Voilà ! I did my best. I think it's not too bad but I know that the responsive is the weakness. I will enjoy have a feedback. Thanks for this plateform, it's very helpful for my journey towards me as web developper
Demetrio Julian• 110@dejuliansr
Posted
your work is very good, the appearance you created is almost like it
0- Awilixsh• 50
@Awilixsh
Submitted
Demetrio Julian• 110@dejuliansr
Posted
Wow, you have done your challenge very well, keep practicing so that your skills continue to develop
0 - Lord-Zethes• 100
@Lord-Zethes
Submitted
What are you most proud of, and what would you do differently next time?
I’m most proud of successfully building the table and getting it to display correctly despite the challenges. Working with HTML tables was a significant learning experience for me, and overcoming issues with alignment, borders, and styling was particularly satisfying. I also feel good about my progress with basic HTML and CSS, as this project helped me solidify my understanding of these fundamental technologies.
Next time, I would focus more on ensuring the responsiveness of the design from the beginning. I initially struggled with making the layout work well on different screen sizes and would use media queries to address this more effectively. Additionally, I’d experiment with modern CSS techniques like Flexbox and Grid to handle complex layouts and alignments more gracefully. Improving my skills in these areas would help me create more polished and adaptive designs.
What challenges did you encounter, and how did you overcome them?
- Table Formatting and Alignment
Challenge: One of the biggest challenges was working with HTML tables. Aligning elements properly and managing the borders and spacing proved difficult. The divider in the table kept getting segmented, and ensuring that there was no divider on the last row added another layer of complexity.
Solution: To overcome this, I spent time researching how to style tables effectively using CSS. I focused on understanding table-specific properties such as border-collapse, border-spacing, and border. I used the :last-child pseudo-class to handle the styling of the last row, ensuring it appeared correctly without unwanted dividers. Debugging with browser developer tools also helped me identify and fix issues with element alignment. 2. Responsiveness and Layout Adjustments
Challenge: I had trouble making the page responsive. Switching from px to rem units didn’t have the expected impact on the layout, and I struggled with implementing media queries effectively.
Solution: I realized that improving responsiveness required a combination of using media queries and refining the use of CSS units. I learned to apply media queries to adjust styles based on different screen sizes. I also experimented with Flexbox for layout adjustments to better handle different screen resolutions. 3. CSS Units and Layout
Challenge: Understanding the difference between px and rem units and their effects on layout was confusing. The layout didn't adjust as expected when changing units, which affected the overall design.
Solution: I researched and practiced using different CSS units and how they impact responsive design. I also reviewed tutorials and documentation on using rem for scalability and em for relative sizing. This helped me better understand how to use these units effectively in a responsive layout.
What specific areas of your project would you like help with?
- Table Styling and Alignment
Question: I had significant issues with aligning table elements and managing borders and spacing, particularly with ensuring no divider appears on the last row. Can someone review my CSS for the table and suggest improvements or best practices for managing borders and spacing in HTML tables?
Details:
My CSS includes properties like border-collapse, border-spacing, and border. I used :last-child to adjust styling for the last row but encountered issues with consistent spacing and alignment.- Responsive Design and Media Queries
Question: I struggled with making the page responsive. I tried using rem units and media queries but didn’t achieve the desired effect. Can someone provide feedback on how to effectively implement media queries for responsive design?
Details:
I used rem for font sizes and layout dimensions, but the design didn’t adapt well to different screen sizes. I need guidance on crafting effective media queries to adjust styles for various devices and screen widths.- Using Flexbox and CSS Grid
Question: I’m interested in learning how to use Flexbox and CSS Grid more effectively for layout management. Can someone review my current approach and suggest how I could integrate these techniques to improve the layout and responsiveness?
Details:
My current layout is primarily handled with basic CSS. I haven’t yet used Flexbox or CSS Grid extensively, and I’d like to know how these tools could help with alignment and responsive design.- General Code Review and Best Practices
Question: Can someone review my overall HTML and CSS code for best practices? I’m looking for advice on how to structure my code more effectively and any common pitfalls to avoid.
Details:
I’m still learning and would appreciate feedback on how to write cleaner, more maintainable code.Demetrio Julian• 110@dejuliansr
Posted
I'm still a beginner, you've done this challenge well but a little advice from me, maybe the distance between the instructions and the recipe card can still be improved so that it looks neat and pay attention to the color on the list mark so that it looks similar to the design
0 - Sandaruwan• 100
@YourRat-webdev
Submitted
What specific areas of your project would you like help with?
i need some advice on how to make classes in css much cleaner
Demetrio Julian• 110@dejuliansr
Posted
I'm still a beginner, you have done your job very well, keep practicing your skills
0 - Alvaro Vergara• 20
@joseph517
Submitted
Demetrio Julian• 110@dejuliansr
Posted
I'm still a beginner, the work you do is very good, keep improving your skills
1 - Rabin Gapi• 40
@DeveloperRabin12
Submitted
Demetrio Julian• 110@dejuliansr
Posted
the colors are still different
0
