@J-JawadSubmitted 3 months ago
M1th4ar火
@M1th4arAll comments
- @shpokas-ioSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
With this project i`ve learned how to for with figma files. Managed to integrate tab key functionality without JavaScript Event handler, method used was
What challenges did you encounter, and how did you overcome them?How to implement keyboard input without JavaScript. To solve it i used method
What specific areas of your project would you like help with?Non, it is getting quite easy
@M1th4arPosted 3 months agoGood job, i suggest adding in the body tag the display: flex; and flex-direction: column; and set justify-content: center; and add height: 100vh; That would make it in the center and it would be better i think.
Marked as helpful1 - @aurel0123Submitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I am proud to have finished the site in the time I set. It was really fun for me to do this mini project. I am waiting for your comments on the site I have made
What challenges did you encounter, and how did you overcome them?I had no difficulty in completing the site. I am just waiting for comments regarding the site.
What specific areas of your project would you like help with?I would like to improve my React js skills
- @najahajaSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I am most proud of how I effectively implemented the design and functionality of the profile card, ensuring that it accurately reflects the project requirements and user experience goals. The integration of custom fonts and the attention to responsive design were key highlights that contributed to the overall success of the project.
For future projects, I would focus on optimizing the CSS to enhance cross-browser compatibility and improve load times. Additionally, incorporating more interactive elements could further engage users and provide a richer experience. By setting up a more structured workflow and thorough testing process, I aim to address these areas proactively and refine the development process for even better outcomes.
What challenges did you encounter, and how did you overcome them?One of the main challenges I encountered was ensuring consistent styling and layout across different devices and screen sizes. Achieving proper alignment and centering of elements, especially with custom fonts and varying content lengths, required careful adjustments and extensive testing.
To overcome these issues, I used a combination of flexbox for layout and media queries for responsive design. I also conducted thorough testing on multiple devices to identify and fix inconsistencies. By iterating on the design and applying targeted CSS adjustments, I was able to ensure a cohesive appearance and functionality across various screen sizes and resolutions.
What specific areas of your project would you like help with?I would like help with ensuring that the custom font is applied correctly throughout the project and displays consistently across different devices and browsers. Specifically, I'm looking for feedback on the font's application to ensure it's properly linked and rendered for all text elements. Additionally, I'd appreciate insights into cross-browser compatibility to make sure the font displays well across different browsers. Lastly, I need guidance on how the font scales with the content to maintain a responsive design across various screen sizes. Any feedback on these aspects would be valuable for improving the overall consistency and appearance of my project.
- @SaekitSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I am most proud of creating re-usable components. Next time I would like to try using the styled components library.
What challenges did you encounter, and how did you overcome them?At one point I was having trouble getting the article image to stay within the parent container div without overlapping. I was able to overcome this issue by googling a solution and found that I should use the
object-fitproperty withmax-heightandmax-widthset to100%to keep the image contained within its parent container. - @colleennicole223Submitted 3 months ago
- @arfath-aliSubmitted 3 months ago
- @pxmdkSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
The design
What challenges did you encounter, and how did you overcome them?The responsiveness, I am still learning, and having trouble with the queries
What specific areas of your project would you like help with?The responsiveness, I am still learning, and having trouble with the queries
- @Joshtemi0Submitted 3 months agoWhat specific areas of your project would you like help with?
Trying to know a way of using the fonts given. The "outfit" and "Young-serif" without using link from html
- @OlafZiorkoSubmitted 3 months ago
- @PavlinovaSubmitted 3 months ago
