All solutions

What are you most proud of, and what would you do differently next time?

I would say the integration of the element in the html code, allowing to specify different images for different screen sizes directly in the HTML code.

With the element and the srcset attribute specifying the image for mobile screens.

What specific areas of your project would you like help with?

Any comments and feedbacks will be welcomed :D

What specific areas of your project would you like help with?

Any suggestions would be welcomed.

Thanks.

What are you most proud of, and what would you do differently next time?

I would say the positioning of the profile-pic right in the middle there.

What challenges did you encounter, and how did you overcome them?

Everything went smoothly till I came down to the two svg files serving as background.

Man! For it took me 2 hours to finally figure out their right positioning (not even really perfect now, but I moved on) Hahah!

What specific areas of your project would you like help with?

If anyone has suggestions when it comes to the right positioning of those two svg files serving as background.

That would really satisfy my soul. I would finally be in peace.

What challenges did you encounter, and how did you overcome them?

This was actually the first challenge that I took on Frontend Mentor.

I can tell you struggled big time with the layouts. Hahahah!

Like it took me 3 days to figure it out.

But now I'm more confident with it and the other challenges felt easy afterwards.

I guess good practice makes perfect?

What are you most proud of, and what would you do differently next time?

The use of semantic HTML elements like and , makes the structure of the document clearer. Standardized naming conventions for CSS variables, makes the code more readable and maintainable. Next time I would consider starting the CSS with styles for mobile devices first and then using media queries to add styles for larger screens.

What challenges did you encounter, and how did you overcome them?

When working on this front-end project, I encountered significant challenges with the layout. Despite my efforts, I found it difficult to achieve the desired structure and responsiveness. The main issues were ensuring the elements aligned properly and adapting the design to different screen sizes. After multiple attempts and adjustments, I decided to seek help from an experienced front-end engineer. This consultation provided valuable insights into refining my HTML and CSS for better structure, accessibility, and responsiveness, ultimately allowing me to overcome the layout issues and complete the project successfully.

What specific areas of your project would you like help with?

Again, I would say the layout. If anyone has any other suggestions to write better code for the layout. It would be much appreciated.

What are you most proud of, and what would you do differently next time?

The use of semantic HTML elements like and , makes the structure of the document clearer.

Standardized naming conventions for CSS variables, makes the code more readable and maintainable.

What challenges did you encounter, and how did you overcome them?

I still encountered challenges when it came to the layout. I just looked at the last project I did and started to see patterns that I could implement with this one.

What specific areas of your project would you like help with?

With anything.

Just check out how I wrote the whole thing and don't hesitate to give feedbacks on any areas I could improve.

Thanks and happy coding guys! :)