All solutions

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

Loading different background-image based on screen size, I used media queries to load each one using src().

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

Overall code feedback is appreciated.

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

I used logical properties, and used grid to achieve this.

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

Overall code feedback will be appreciated.

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

I used grid and could manage make my files some how a little organized.

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

The overall code quality and any suggestion would be appreciated.

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

I gave it my best, but I think I will do it again once I learned React.

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

Making the radio buttons circular, I used aspect-ratio: 1 with height: 100%.

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

General code feedback would be appreciated.

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

I used fetch() and created some of the elements manually through JavaScript DOM API.

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

I think I over complicated my code, any overall code tip would be highly appreciated.

I couldn't make perfect circle unless I set both height and width which AFAIK it is not good idea to use height but I don't know if this is the way to do it.

Also I couldn't make the linear gradient match the one in the image.

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

Last time was chaotic because I was unsure of what I was doing, but this time everything went well with only minor issues along the way.

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

How to vertically align the list marker.

I found an answer on stackoverflow which recommended to use ::before instead.

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

Overall code feedback would be appreciate it and what areas should I focus on.

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

I redid it to use clamp() and also use mobile-approach first.

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

None

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

Any general code feedback would be appreciate it especially with the way I handled responsive design using width, max-width and medai queries.

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

I am getting more comfortable using flexbox, BEM, and SCSS.

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

The name of the classes although is following BEM, I find it strange or the way I organize my HTML is messy.

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

The image was difficult to work with, maybe there is something wrong in my code about wow I was handling it? there is a file named "_image.scss" in "scss-files/components" directory that contains every code about the image.

And I am looking for better way to organize my codes.

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

The way I organized the partials, although I think I went excessive and over-engineered it.

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

The space between each Q/A became a challenge when a question was clicked, it became inconsistent and took me an hour to fix.

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

overall the structure and organization of the project, I feel insecure about the way I named my classes and organized my code.

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

I learned SCSS but sometimes I have no idea what I am doing.

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

The image in the mobile version doens't look good, and I tried a lot but still coudln't fix it.

And overall the code is messy and couldn't stop myself repeating myself and using "hacky" ways to achieve something.

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

Overall code quality, anything I could improve on, what areas does it look like I am weak at?

Is it a good time to learn react cocurrently with practicing more challenges?

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

It was completely horrible, I need to learn the fundamentals of CSS better

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

The most difficult was setting the list bulletpoints and numbers which I couldn't do so I gave up.

Also sizing anything was horrible and the responsive is inconsistent.

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

Overall review of my weaknesses, why do I think my code is a pile of garbage.

Why it feels like I don't know CSS.

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

Not much really

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

The buttons had default styles and I removed them using: border: none

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

Is mostly using rem and % a good practice or should I make better decision of what sizing units I use?

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

Not much

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

The spacing between the elements in the card was a bit annoying to fix.

I used justify-content: space-between to fix it.

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

The challenge asks to make the font size decrease for mobile phones without using media queries, I think it is done using vw but then when the size of the viewport increases the font-size becomes too big.

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

I will maybe retry this when I learned more about grid, responsive design, units, and more.

And I will try to re-create this project without setting the root font-size to 10px which makes working with rem and em easier but I don't want to become a habbit.

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

The box shadow was too dark, I made it more transparent.

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

I am not sure if the code is good and aligns with best practice or not.