Página de destino do Huddle com seções curvas - Feito com flex-box
Design comparison
Solution retrospective
meu maior desafio foi conseguir colocar as seções curvas, pois me perdi no meio do código e fiz uma grande gambiarra pra conseguir colocar haha
What specific areas of your project would you like help with?eu gostaria de ter ajuda em qualquer área. Umas dicas de tecnicas de desenvolvimento em orgazinar os códigos, em no que começar primeiro no site... qualquer ajuda é bem vinda. Obrigado
Community feedback
- @pstar8Posted about 1 month ago
I hope this helps... Cos Portuguese isn't my first language :(
The flowing-conversations-container should have a flex-direction property with the attribute 'row-reverse'. The 'Newsletter' can be transformed to uppercase using 'text-transform: uppercase'.
Also, you can edit your SVG image by modifying the code. Open the SVG file, highlight all, then copy to your HTML file. Scroll sideways till you see a property 'fill'. You can change it to whatever color you would prefer which in this case is white. I'm open to corrections too :)
I tried translating it (I used the Internet)
O contêiner de conversas fluidas deve ter uma propriedade flex-direction com o atributo 'row-reverse'. A 'Newsletter' pode ser transformada em maiúsculas usando 'text-transform: uppercase'.
Além disso, você pode editar sua imagem SVG modificando o código. Abra o arquivo SVG, destaque tudo e copie para o arquivo HTML. Role para o lado até ver uma propriedade 'preencher'. Você pode alterá-lo para a cor de sua preferência, que neste caso é branco.
Também estou aberto a correções :)
Marked as helpful1 - @SvitlanaSuslenkovaPosted about 1 month ago<div class="botao1">Get Started For Free</div> use button or link tag here. It's better to add cursor:pointer and effects on hover (like new background color).
button:hover {css}
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord