I still have not figured out how to make the share links float above the share icon
I have issues with matching pixel for pixel. I can't exactly nail the positioning, the sizes. So its always a bit off.
I still struggle with being able to match the design pixel for pixel. I can get the layout but matching exact font-size, width, spacing, is hard.
I'm glad i was able to complete the project.
What challenges did you encounter, and how did you overcome them?I encountered challenge changing the color of the SVG image but was able to solve it using online resources.
Congrats on completing the project, good solution. There still are some things to work on like the font size and title color, but overall, its a great solution
grid-template-areas
What challenges did you encounter, and how did you overcome them?making the design to fit the viewport, i review other people code
What specific areas of your project would you like help with?grid, responsiveness
Hello, great work there. For responsiveness, you should change the grid template areas using along with media queries, setting up the areas differently for mobile and for large screen. Also, for better positioning, you should put the elements in a container, set its display to grid and then use place-contents: center. I think these should be of help. Happy coding and keep it up!
Mobile first design is the key, i will to start with it always in my projects
What challenges did you encounter, and how did you overcome them?Responsiveness, media query: I haven't, but I will try my best .
What specific areas of your project would you like help with?Responsiveness and media query
Hello, congrats on completing the challenge :) Your solution looks great!
I have just one suggestion: For the images, is best to add them as images rather than background, as it is less of a hassle to position especially using layout (grid or flex). Hope it was helpful, happy coding.
it's easy to make web design but i have completed in one hours twenty minutes.this was thinking more to solve making website at that time
Hello. Great work there, I like it. The structure looks good too. For more responsiveness it is better to use em and rem rather than px but a part from that, good work.
Most proud of the CSS nesting and learning more about styling list markers. Next time will try prototyping in Bootstrap for a quicker start.
What challenges did you encounter, and how did you overcome them?I had a hard time analysing the jpg because the color palette put a real strain on my eyes. I had a hard time figuring out what was going on, and what is up with 3 shades of white? I was finally able to begin by looking over over people's work and seeing how they interpreted the styles.
What specific areas of your project would you like help with?The media query is very messy and would like some help cleaning up the styles. Perhaps I need to fix something in the html?
Hi. Good try at the design. Here a few things you could look into.
I am most proud of having completed the challenge without access to the Figma design file. Despite this limitation, I managed to get quite close to the reference images. Next time, I would spend more time ensuring pixel-perfect accuracy and consider using tools like Google Lighthouse from the start to improve accessibility and the overall quality of my code.
What challenges did you encounter, and how did you overcome them?Trying to match the original design was a considerable challenge. However, my previous experience working with Figma files in other projects proved very helpful. This familiarity allowed me to resolve my questions much more quickly and efficiently.
What specific areas of your project would you like help with?I would like to receive advice from more experienced users to improve the quality of my code. Any suggestions on best practices, optimization, and accessibility would be very valuable to me.
Hello! I liked your solution! It's not much but here are some points to help you out.
