I'm most proud of being able to work faster using CSS grid - and be able to change it easily to flex using media queries.
What challenges did you encounter, and how did you overcome them?I set it to flex when on mobile, as it's hard for me to set the grid when on small screen sizes :(. I tried to change the column into 1 column but it's super hard to make it do what I want.
Hi, Congrats on achieving this, it looks great on desktop mode. But there is overflow in responsive mode, try to fix that.
I used a mobile first and flexbox only method to do this challenge.
What challenges did you encounter, and how did you overcome them?The colored lines at the top of each card. Here is the solution link : Link
Congrats on completion on this task. I observed responsiveness is breaking in few cases. Apart from that I did not see any issues.
In this section I used CSS media queries to make site responsive which help me to understand basic knowledge of CSS.
What challenges did you encounter, and how did you overcome them?I forget how to use media queries properly, so I went back to my basic and learnt about the media queries
What specific areas of your project would you like help with?to make site responsive
Layout on desktop mode seems fine, but I found few issues on mobile view. There is background color on the image, I see you set bg color for card which you can set it only for the content. And there is lot of space between img and content, I think it is beacuse of the margin-top:200px you should not this.
please check colors of headings, letter spacing in the first header, other than that I don't see any issues.
Me encanto que en este proyecto ya pude personalizarlo mas y ocupe menos código css que en los anteriores para hacer que se vea bien en dos dispositivos diferentes.
What challenges did you encounter, and how did you overcome them?Como poner mi mouse sobre un button y que al mismo tiempo le pudiera cambiar propiedades a un hijo directo de button para que hiciera el cambio que se plantea en el ejercicio, lo supere haciendo el hover en el padre pero posteriormente poniendo el nombre de la etiqueta hijo, ejemplo: .btn--active:hover a { propiedad: valor;}
What specific areas of your project would you like help with?Me gustaria saber si mi maquetación de html es correcta o como puedo mejorarla.
Looks great. Hard to find any issues in the code.
I managed to make this markup responsive without using media queries, I used variables and functions to achieve that. The markup stays the same without any visible change no matter how you change the screen size.
What challenges did you encounter, and how did you overcome them?Multiplication and division works strangely in calc() function, took some time to figure out that you should use only one type of units if you multiply or divide. Some formulas were big but variables helped.
What specific areas of your project would you like help with?The one with variables and responsiveness. I still feel that there is a better way.
Being able to increase confidence in development.
What challenges did you encounter, and how did you overcome them?Trying to center elements, I looked up online and found helpful solutions
What specific areas of your project would you like help with?Having to Design the UI, I can replicate them through code by trying to come up with a design is one important thing.
container seems to be not in the middle of the screen
