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.
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.
como linkar o estilo ao html, acabei me esquencendo mas superei
Primeiro, além da falta de box-shadow, a solução parece próxima do design. Acho que a maneira como você importou a fonte afetou o peso da fonte dos elementos. Você não deve configurá-lo na importação, mas importá-lo de forma que possa modificar a espessura da fonte posteriormente. Para o efeito de sombra, você deve usar box-shadow. Além disso, preste mais atenção ao peso da fonte de cada item, pois eles não combinam muito bem com o design. Usei o google tradutor, mas espero que tenha feito sentido e tenha sido útil. Bom trabalho.
Being able to do it quickly and using a mental structure instead of managing the design and strategies through wirefreames
What challenges did you encounter, and how did you overcome them?Resize the image according to the parent container, I had really forgotten how to do it
This was a good try to this challenge, very close to the original design. But it seems the position of the content is not as vertically centered. Also, the border radius does not match that of the design