Gimp, Google Fonts, chatGPT

Solution retrospective
Eu preciso estudar mais sobre layout flexível.
What challenges did you encounter, and how did you overcome them?Alinhamento do conteúdo e formatação da tabela. Consegui ajustar com a ajuda do chatGPT.
What specific areas of your project would you like help with?Design flexível, estrutura do conteúdo, tabela.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ChamuMutezva
Here is my take on your project:
- You need to use a formatter for your code (html), so that it is easier to check and follow along.
- Both the p and ul/ol semantic elements, hence in this case a element is meant for paragraphs of text and cannot be used as a container for the list. If the list really needs a container, then use a div.
- There is need to have CSS reset styles to normalise your site on different browsers
- The
body
element should never have a width as it should just take on the device width. - Check for duplication in your styles , for eg the h1 has font weight declared twice. And also Google font weight does not take values such as 550. It has to be in the form of 400, 500 or 600 etc
- The main and other elements have fixed sizes , causing your website to be unresponsive. I can't view it on my cellphone
Try following the learning path suggestions of completing challenges. The first on the list is the QR code. Having a good foundation on the smaller challenges will go a long way in assisting you to solve challenges like this one and even the bigger ones
Join 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