Skip to content
OverviewSolutions
18
Comments
5
Dezza Anne
@DezzaAnnePeregrina

All comments

  • Dezza Anne•250
    @DezzaAnnePeregrinaPosted over 1 year ago

    Hey there! Congratulations on completing your Result Summary Component!

    I have a suggestion for you. Instead of using the <img> tag to display icons for verbal, reaction, memory, and visuals, it would be beneficial to directly copy the SVG code.

    To do this, navigate to the svg file in your assets > img folder, click on it to open the file, and then copy the SVG code. Next, paste this code in the appropriate location where you currently have the <img> tag, replacing it completely.

    I hope this suggestion helps you, and happy coding! ☺️🙌🏻

    2
  • Dezza Anne•250
    @DezzaAnnePeregrinaPosted over 1 year ago

    Good day! Congratulations on completing your NFT preview page 🙌🏻

    You did great. As a suggestion, I recommend separating your HTML and CSS into distinct files for better code organization and readability.

    By doing so, you'll have a cleaner and more maintainable codebase that will make future updates and enhancements a breeze. Keep up the great work, happy coding.

    0
  • LucaD•110
    @LucaDoroSubmitted over 1 year ago

    Hello,

    Feel free to comment on anyhting you find unnecessary in my code or if there was a more optimal way to do this. Also, i struggled with putting my container in the middle of the page without using margin.

    QR Code Card (Flexbox)

    2
    Dezza Anne•250
    @DezzaAnnePeregrinaPosted over 1 year ago

    Congratulations on completing your QR Code Card. I suggest, try using rems instead of px for sizing your font-size, widths, etc. And also, try creating a :root to define your global CSS variables (which can be used throughout your stylesheets) for convenient adjustments. You can also create variables for your colors and font family.

    For example:

    :root {
--primary-color: #FF0000;
--font: Times New Roman;
--font-size: 16px;
}

h1 {
color: var(--primary-color);
font-family: var(--font);
font-size: 2rem;
}

    It's not a lot, but I hope it helps. Happy coding! 🙌🏻

    1
  • Bryan King Pecho•230
    @bkpechoSubmitted over 1 year ago

    Hi everyone! I completed the Stats preview card challenge and would love to get your feedback. The website is optimized for both mobile and desktop screens and I used a mobile-first approach with flexbox layout. I kept the color scheme, typography, and layout elements consistent throughout the website for a professional and cohesive look. If you have any suggestions or improvements, please let me know. Thanks for taking the time to check out my solution!

    Stats Preview Card using Flexbox, SASS and BEM

    1
    Dezza Anne•250
    @DezzaAnnePeregrinaPosted over 1 year ago

    Hi BK Pecho, after taking a look at your website for the Stats preview card challenge, I must say that you have done an excellent job! From a technical perspective, your code seems to be clean and well-structured. Overall, you should be proud of the work you've done on this project. I encourage you to continue refining your skills as a web developer. Keep up the great work! 🤗🙌

    Marked as helpful
    1
  • Bryan King Pecho•230
    @bkpechoSubmitted almost 2 years ago

    I used Flexbox and Sass to create a responsive landing page and implemented the BEM (Block-Element-Modifier) naming convention for better organization and maintainability of my code. I also incorporated interactive features and functionalities using JavaScript.

    I would love to hear your thoughts and feedback on my implementation, so please feel free to share your comments with me.

    Thanks for taking the time to check out my submission!

    Intro component with sign up form using BEM, SASS, Flexbox, and JS

    1
    Dezza Anne•250
    @DezzaAnnePeregrinaPosted almost 2 years ago

    Hi Bryan! congratulations on completing your component sign in form! You should feel proud of yourself for taking this important step towards building a successful project. It can be easy to get overwhelmed by the many steps involved in software development, but completing even small tasks like this one can give you a sense of accomplishment and keep you motivated to keep going.

    As you move forward with your project, remember that building software can be a challenging and complex process, but it is also incredibly rewarding. With each completed task, you will gain new skills and knowledge that you can apply to future projects, making you a stronger and more effective developer.

    So, happy coding! Keep up the great work 🤗👏🏻

    Marked as helpful
    1