Would like to get feedback for my scriptTwo javascript file. Would like to know a better way to change theme styles other than manually changing class names on elements.
Congratulations on your challenge. I don't know if I'm wrong, but it's not possible to perform calculations with your live deployment.
I have take a challenge of myself to build this project in only flexbox i know i can easily make this in grid but had to learn more flexbox and after struggling a lot a i have build this section in flexbox.
Very nice solution, great work. You've solved the problem I'm having with the media queries to align the supervisor and calculator on the sides.
well done, but to improve I think you should centre the content and make it responsive on both PC and mobile.
good work, but I think the small problem is that when the screen size decreases, in addition to the fact that the positioning decreases, the image must also change. In other words, the image on a PC is different from that on a cell phone, which is not the case with your solution.
What I'm Most Proud Of: I'm proud of creating a responsive, user-friendly design that meets project specifications. I effectively used HTML and CSS for a seamless layout across different screen sizes and implemented interactive states, enhancing the user experience.
What I Would Do Differently Next Time: Next time, I would focus on optimizing image sizes for faster loading and explore advanced CSS techniques or JavaScript for added interactivity.
What challenges did you encounter, and how did you overcome them?I faced challenges with media queries, specifically when the image and content were not aligned properly. After spending over an hour troubleshooting and consulting ChatGPT, I discovered that I had forgotten to set a width for the parent container, which resolved the alignment issue.
What specific areas of your project would you like help with?I would appreciate feedback on the following areas of my project:
Media Queries: Are my breakpoints effective, and is the layout responsive across different devices? Image Alignment: Can you suggest improvements for ensuring consistent alignment between images and text content, especially in flexible layouts? CSS Efficiency: Are there ways to simplify my CSS, particularly in avoiding redundancy and improving readability? Accessibility: Any tips on enhancing accessibility features for better user experience?
nice solution but I think it's not close to the design to be realized in terms of fonts also notaments l
This was my first solo project using CSS Grid. Although it was simple, positioning the items took quite a bit of work. As it was my first time using Grid, it was also my first time implementing a mobile-first approach. To be honest, I prefer desktop-first. I chose these approaches to challenge my knowledge, and as a bonus, I got to test my problem-solving skills.
I prioritized responsiveness in the design, and because of that, I sacrificed some similarity to the original challenge. The page’s active state works very well, and all the social media icons are functional. I tried to replace the Twitter icon with the new X icon, but by the time I finished the challenge, the link to the X icon on FontAwesome.com wasn’t working.
If I had to redo the project, I wouldn’t use percentage-based dimensions for the images. While this approach adapts to various screen sizes, it distorts the page's final layout.
What challenges did you encounter, and how did you overcome them?Positioning the elements was the most challenging part, especially in the desktop design where I used CSS Grid. Additionally, I felt that I could have structured the HTML code better, which would have saved me from some unnecessary headaches.
What specific areas of your project would you like help with?I'm starting to learn programming, mostly in a self-taught way, because although I'm taking an online course, it's not the same as having tutors and friends to ask questions. I haven’t gotten my first job as a developer yet, so my main challenge is learning how to structure code according to best development practices. I also often feel unsure about whether my design looks professional enough.
Wow! I'm impressed, your solution is great!
I would have liked the image size to be adjusted like the one on the preview, so the white container should be centered, otherwise I think it's fine.
Thank you so much you're absolutely right it was better to use an unordered list I'm still a beginner
I am proud of finishing this challenge without much stressing.
What challenges did you encounter, and how did you overcome them?I think, vertically centering my container in the viewport/screen has been a challenge to me. Well, i used a different approach in this project, hopefully, it works. If it doesn't work, please, people that have insights in that area should feel free to give me ideas.
What specific areas of your project would you like help with?It is definitely on centering my container vertically. setting both the tag and the container to flex, flex direction: column; justify-contents and align-contents to center doesn't work.
I am proud of finishing this challenge without much stressing.
What challenges did you encounter, and how did you overcome them?I think, vertically centering my container in the viewport/screen has been a challenge to me. Well, i used a different approach in this project, hopefully, it works. If it doesn't work, please, people that have insights in that area should feel free to give me ideas.
What specific areas of your project would you like help with?It is definitely on centering my container vertically. setting both the tag and the container to flex, flex direction: column; justify-contents and align-contents to center doesn't work.
Merci Vanfrankie7 pour ta solution, quand je suis allé sur Github pour voir ton code sa ma aider surtout le CSS. Parcontre sur le Preview qui nous a été donner pour réaliser ce projet l'image est moins grande que sur ton projet à part sa j'aime bien ta solution.
Learned more about background images
What challenges did you encounter, and how did you overcome them?Positioning the image
le code utilise la balise sémantique main le code est accessible, lisible et structurer il est meilleur que le mien merci pour cette solution.
