I'm proud to have been able to use grids efficiently
What challenges did you encounter, and how did you overcome them?I wasn't sure how to best decide the size to give the rows and columns of the grid, I tried different sizes until I found what looked best
What specific areas of your project would you like help with?I'm open to any advice for improvement
I'm very proud of the grid alignment achieved with CSS Grid. It's one of the first times I've used it, and I'm finding it very effective.
What challenges did you encounter, and how did you overcome them?The biggest challenge I faced was importing the font correctly. I wanted to import it into the input.css file, but it wasn't possible. In the end, I opted to import it into the index.html file within a `
The part where I need the most help is understanding how to import a font into the input.css file, if possible. I've also tried downloading the font, but even in that case, I wasn't able to use it correctly.
Flexbox and grid and getting easier for me (not easy but not as hard as before) So it's cool
I used the clamp(0.9em,0.4em + 1vh,1.1em); solution to make my font-size growth with the vh of the page
Not so seduce by the function for the moment.
What challenges did you encounter, and how did you overcome them?To put in place the grid and to over come the issue of the rounder corner that i put first on the image and then on the container (
What specific areas of your project would you like help with?I would like to have my font-size increasing not only when I increase the height of my page but also when I increase the widht of the page. A 2 directions actions.
Would be great to have your insight on this one
Second issue : the space between the button and the bottom of my container is increasing when a push live my code with gitup but not when I dont it with Visual Studio Code, any ideas why ?
Well Done. Keep up the good work. Only suggestion is to increase the letter spacing of your header elements.
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
completing this second challenge is one of the proudest things for me, because it was fun doing it.
What challenges did you encounter, and how did you overcome them?like placing the position of the avatar's profile picture which is a bit difficult.
What specific areas of your project would you like help with?on avatar image.
I am proud of my attention towards accessibility. It's a topic that is dear to me, and I'd ideally like to make my websites as accessible as possible, while still being able to provide beautiful designs. As such, I try to learn and pay as much attention to this aspect as I can. This was a good way to put some of the things I'd learned into practice.
I'm proud of the fact that I could tell things were off, when I was using only the provided .jpg files in the beginning, and generally going entirely by eye. I couldn't tell exactly what or how to fix things to have them look identical, however. So that is something I'd like to get better at.
I was given a challenge by my brother (who's an experienced web developer) to use SVGs for the QR code and to have it be two images on top of each other. After a lot of trial and error, plus hours of troubleshooting, I was finally able to understand the possibilities, limitations and methods of positioning for a scenario like that. I'm proud that I stuck with it and kept refining, even after I'd already considered the project to be done.
What challenges did you encounter, and how did you overcome them?I really struggled to figure out if there was indeed a box-shadow or not. I thought there was, but I couldn't replicate the effect at first. Eventually I decided to play around with the figma files, and I found out that there actually was a box-shadow like I'd thought, but that it was also using the alpha value, to make it almost invisible. Once I applied this knowledge, I got the shadow effect spot-on.
I was also struggling greatly with the positioning of the QR code element itself, when trying to center it inside the blue background. After continuing my training on Codecademy, I learned more about positioning and was able to apply some of that knowledge to help fix the issues. I was still struggling with fully centering the QR element, until I thought to check the figma file, take the measurements from there and apply a "top" and "left" offset in the stylesheet, to center it within the container.
What specific areas of your project would you like help with?I would like to know if my code is generally structured well or not, and if I've made the page to a decent level of accessibility.
Also, while I used all the information I could glean from the figma files, I'm curious if that is how web developers generally use figma design files. Do you take as much information as you can from the design files and then translate that into your code, or how do you usually work with design files like that?
Is there anything in my code that I should have done differently, to either make it easier on myself or to make the code better/more easily readable?
