All solutions

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

I am proud to have used more semantic HTML and focused more on structuring the HTML as well as finding a more faster loading replacement for media query with tag.

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

I did not know how to get picture half and text half to be the same size. I managed to match them with equal max-width.

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

I want to know how to keep image half and text half the same width better as it is tricky to get it right.

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

I am proud that i was able to get the page right but it is still hardly readable spaghetti code.

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

1.I was confused about structure of html and css and how to apply classes. and whether to apply classes based on components. I did not overcome that yet.

1. I did not know how to design the tables and lists to make them like in the design

2. I got confused about how to style and add classes to titles/headings.

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

Structure of the HTML, and especially CSS classes and making CSS code more readable because it is a mess- getting pixel perfect design is hard when i dont have clarity about spacing and i end up confused about whether two parts like two h3 tags have equal spacing or not.

I tried making it as close to the design as I know and can, and made the design quite functionally usable unlike some other solutions you may have seen. So please give me some solid advice and mentorship about how to structure the solution properly as I have worked pretty hard on this challenge.

1. Mobile view edges in inspector get rounded but seems like default from Edge browser?

2. My code is kinda Spaghetti code with the classes. How would you advise me to make it more readable with classes and which resource to refer to?

3. Body padding issue in mobile version.

4. Mediaquery : added the breakoff point to 400px width- is it right? Should I be using mediaquery in the first place for this challenge?

5. Should I use rem with mediaquery or pixels?

6. Span tag: How to use it? I used it to make text bold but should I be adding a class to span? Because otherwise if I use several spans I cannot use different css formatting for each. What is the correct way to use span in this context?

7. Pls give me some tips on testing the result. How can I test? Any kind of a process?

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

I am proud to have completed the project without outside help

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

I struggled centering the container on the page and had to look it up again from my previous project. solution was " display: flex; align-items: center; justify-content: center;" on body.

I thought it's :onhover but it was :hover in css.

I struggled to center the profile picture horizontally. I had to set margins to auto.

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

in style-guide it says i should set paragraph font to 14px but when i do it looks different from the design example.

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

I am proud of being able to complete the design. Next time I would like to understand how to center things properly, as well as how to limit the size of boxes more.

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

1."Learning" title box had color on the whole line, i had to limit the width to 5rem. 2. I struggled getting the shadow right.

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

Should I use CSS for onhover or javascript?

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

I am proud to have completed my first ever challenge without using a tutorial, using mostly search engine, copilot and personal knowledge to finish the project with community support.

*Next time I would like to not use pixel units in CSS and rem instead. *I should pay attention to paragraph titles and be mindful that p1 tag is not used for components. *I should do a CSS reset when beginning the project.

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

*After zooming in 250% the QR code got out of the box. I shouldn't limit the height of elements that contain text.

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

I would like to know whether my font sizes are optimal.