Skip to content
OverviewSolutions
8
Comments
3
Adrian Anin
@adriananin

All comments

  • Dot-theduck•70
    @Dot-theduckSubmitted over 1 year ago

    One of the major challenges I faced was selecting the right spacing of laptop and mobile layout for the website. the areas of coding i am unsure of is the design widths of both laptop and mobile variation

    qr-code-componet-main using css grid

    1
    Adrian Anin•160
    @adriananinPosted over 1 year ago

    Hi Dot-theduck, you can check out this resource for selecting media query breakpoints : here

    Usually the widths given in the style guide are the widths you should be looking at using

    Marked as helpful
    0
  • Juan Gomez•260
    @newbpydevSubmitted over 1 year ago

    Built using a modern tech stack including Tailwind CSS, React, Typescript, and Vite, this portfolio demonstrates a powerful combination of efficiency, flexibility, and scalability. With Tailwind CSS, I achieved a sleek and responsive design, while React and Typescript provide a dynamic and maintainable codebase. The project was bootstrapped with Vite for speedy development and hot module reloading. Explore the portfolio to learn more about my work and expertise.

    I would love to get feedback from the rest of the dev community, I noticed that I used many specific pixel measurements and according to the docs it is not following the principles of Tailwind, so on the next project I will try to use more the configuration file to finetune the desired styles.

    Ah, if anyone know to how work with background images in tailwind, or do I have to use regular CSS?

    Thanks in advanced.

    Single Page Dev Portfolio Page - Typescript, React, Vite, Tailwind CSS

    1
    Adrian Anin•160
    @adriananinPosted over 1 year ago

    Hi Juan, just looked at your site and it looks great, I noticed however that the button in the hero section doesnt route to the form when clicked, maybe you can check that out.

    1
  • mattforrester39•10
    @mattforrester39Submitted over 1 year ago

    What did you find difficult while building the project?

    Hi guys, this is my first project on Frontend Mentor! I've stopped and started a few Udemy classes and decided to jump into developing projects instead - I soon realised that I was attempting to memorise everything and nothing was sticking. The same applies to the limited amount of Javascript I learnt.

    • I actually found uploading the project to GitHub quite difficult initially, so if anyone has tips on that it would be great!

    • I wasn't entirely sure how to best make the design responsive

    • I also attempted to create a light and dark mode but realised I was out of my depth haha. If anyone has any tips for this I would be great!

    • Also, I would appreciate it if you have any tips for the HTML semantics! Thank you for all of your help. Much love ❤️

    First project! QR-CARD ❤️

    3
    Adrian Anin•160
    @adriananinPosted over 1 year ago

    For the HTML semantics you can use this to check : https://validator.w3.org/

    0