All solutions

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

Foi a primeira vez que usei JS, acho que me saí bem, mas poderia diminuir o tempo que foi gasto como um todo.

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

PT

Um problema que eu encontrei foi que os icones das redes sociais continuavam clicaveis mesmos quando a div em que estavam contidos estava com display:none, então eu também apliquei display:none na ul e resolveu.

EN

One problem I encountered was that the social media icons continued to be clickable even when the div in which they were contained was set to display:none, so I also applied display:none to the ul and it resolved it.

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

PT

Não consegui deixar o botão igual ao design fornecido, se possível eu gostaria de informações de como deixa-lo mais parecido com design fornecido. Também aceito feedbacks sobre qualquer outro ponto que possa ser melhorado.

EN

I was unable to make the button the same as the design provided, if possible I would like information on how to make it more similar to the design provided. I also accept feedback on any other points that can be improved.

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

.

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

.

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

PT Eu gostaria de saber se tem como posicionar o background do mobile de uma maneira melhor, ele fica bom quando está na lagura requerida (375px), mas não fica bom conforme a largura vai aumentando.

EN I would like to know if there is a way to position the mobile background in a better way, it looks good when it is at the required width (375px), but it doesn't look good as the width increases.

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

PT

Eu acho que a parte do mobile ficou boa

EN

I think the mobile part was good

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

PT

Demorou muito para fazer a parte do CSS

EN

It took a long time to do the CSS part

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

PT

Eu gostaria de feedbacks de como melhorar o css deste projeto, mais expecificamente na parte de @media(min-width: 1024px), que eu acho que não ficou tão boa. Também aceito feedbacks sobre qualquer outro ponto que possa ser melhorado.

EN

I would like feedback on how to improve the css of this project, more specifically in the @media(min-width: 1024px) part, which I think is not so good. I also accept feedback on any other points that can be improved.

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

PT

Neste projeto eu usei flex e grid para deixar o site responsivo e melhorar a exibição em diferentes tamanhos de tela.

EN

In this project I used flex and grid to make the site responsive and improve display on different screen sizes.

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

PT

Não tive nenhum grande desafio neste projeto, quase tudo que eu precisei para resolver este desafio eu já havia usado em projetos anteriores.

EN

I didn't have any major challenges in this project, almost everything I needed to solve this challenge I had already used in previous projects.

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

PT

Eu gostaria de receber feedbacks sobre qualquer ponto que possa ser melhorado.

EN

I would like to receive feedback on any points that can be improved.

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

PT

Neste projeto, quando estava fazendo a parte do desktop, percebi que se eu mantivesse o design fornecido para mobile até a transição para desktop, a visualização em telas maiores que 700px não ia ficar boa. Então eu fiz duas @media(min-width) para aumentar a responsividade e melhorar a visualização em diferentes tamanhos de tela.

EN

In this project, when I was doing the desktop part, I realized that if I kept the design provided for mobile until the transition to desktop, the visualization on screens larger than 700px would not be good. So I did two @media(min-width) to increase responsiveness and improve viewing on different screen sizes.

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

PT

Foi um pequeno desafio fazer a estilização do design para desktop, pois precisava de algumas propriedades de CSS ligadas ao grid que eu não conhecia, mas dei uma pesquisada e consegui fazer.

EN

It was a little challenge to style the design for the desktop, as it needed some CSS properties linked to the grid that I didn't know, but I did some research and managed to do it.

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

PT

Eu gostaria de receber feedbacks sobre a responsividade, se ela ficou legal e se teria algum ponto em que melhorar. Feedbacks sobre qualquer outros pontos que possam ser melhorados também serão bem-vindos.

EN

I would like to receive feedback on the responsiveness, if it was good and if there was any point to improve. Feedback on any other points that could be improved will also be welcome.

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

Esse foi o primeiro projeto que fiz a estilização do mobile primeiro, foi diferente, vou tentar fazer o mobile primeiro mais vezes. Também foi a primeira vez que eu tive que trocar de imagem de acordo com a largura da tela.

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

Foi um pouco difícil fazer a parte de adicionar ao carrinho, tive que muda-lá várias vezes antes de obter o resultado final que ficasse o mais próximo possível do design.

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

Eu gostaria de feedbacks sobre:

1. A semântica do HTML, principalmente na parte que corresponde ao adicionar carrinho, que eu acho que existe um jeito melhor de fazer;
2. A estilização para desktop (arquivo responsive.css);
3. Sobre qualquer outro ponto que possa melhorar.

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

Neste código eu usei variáveis para estilização, usei rem para almentar a responsividade e criei um estilo exclusivo para mobile

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

Tive uma pequena dificuldade de trabalhar com rem no início, mas depois eu descobri que se eu aplicar no CSS:

html {
   font-size: 62.5%;
}

1rem passa a ser igual a 10px, então ficou mais fácil de trabalhar com ele.

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

Eu gostaria de saber se ao estilizar uma ul com list-style-type: disc; tem como diminuir o tamanho da bolinha e se tem como alterar a fonte dos números em uma ol, eu tentei de várias maneiras, mas não consegui.

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

Neste projeto eu usei a extensão PerfecPixel para tentar deixar o meu projeto o mais parecido possível com o design fornecido

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

Eu tive um pequeno problema com os items da lista, eles não queriam ocupar toda largura da linha, para resolver esse problema eu apliquei 'width: 100%;' tanto na ul quanto na div em que ul esta

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

Eu gostaria de saber se teria outra forma de resolver o problema de com os items da lista que eu mencionei. Também aceito qualquer feedbacks sobre outros pontos a serem melhorados.

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

Neste projeto eu tentei usar termos HTML mais semânticos, também foi a primeira vez que usei a propriedade box-shadown no CSS

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

Um desafio que eu encontrei foi limitar o tamanho do p no qual está escrito "Learning", pois depois de usar o flex ele ocupava toda uma linha e ele deveria ocupar só o espaço da palavra, sabia que tinha como limitar o tamanho então procurei qual propriedade era capaz de fazer isso e descobri que era a max-width: max-content; e resolvi o problema

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

Eu gostaria de receber um feedback da semâtica do HTML, se ela está boa e se teria alguma coisa que poderia ser melhorada.

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

Neste projeto eu fixei meus conhecimentos sobre flex e aprendi a usar a função hsl() para declarar cores

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

Eu não sabia o tamanho exato do cartão, então fui alterando a altura e a largura até parecer que era igual ao design fornecido

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

Eu gostaria de receber ajuda na parte de estilização do código