Skip to content
OverviewSolutions
3
Comments
20
Aldi
@Aldikrasniqi

All comments

  • DrMetr•250
    @DrMetrSubmitted 15 days ago
    What are you most proud of, and what would you do differently next time?

    I made it using Bootstrap and regular html/css where bootstrap failed me. Next time I'd like to use some other framework.

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

    Adding the carousel was an issue because I didn't figure how to position buttons over item photos and I left it the way it is :(

    UPD: tried the experimental anchor attribute, it helped a little but the screenshot generator doesn't think so.

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

    How to put the button over photos?

    Coding bootcamp testimonials slider Bootstrap 5

    #bootstrap
    1
    Aldi•230
    @AldikrasniqiPosted 15 days ago

    let me help you How to put the button over photos?

    0
  • Saima Ahmed Sial•1,020
    @saimasial-bitSubmitted 15 days ago
    What are you most proud of, and what would you do differently next time?

    I am most proud that I successfully completed this challenge using only HTML and CSS. It helped me improve my understanding of structuring a webpage and styling it to match the given design. Next time, I would focus on making my code more efficient by using CSS flexbox/grid more effectively and ensuring better responsiveness for different screen sizes.

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

    One of the challenges I faced was aligning the elements perfectly according to the design. Initially, some sections were not positioned correctly, but I resolved this by carefully adjusting margins, paddings, and using flexbox. Another challenge was ensuring that the text and images were responsive. I overcame this by using relative units like percentages and rem instead of fixed pixel values.

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

    This project helped me strengthen my CSS skills, especially in layout techniques like grid and flexbox. I also learned the importance of attention to detail when recreating a design. Additionally, I realized how crucial it is to test the design on different screen sizes to ensure responsiveness.

    NFT-preview-card- | HTML & CSS

    2
    Aldi•230
    @AldikrasniqiPosted 15 days ago

    Check the colors again please!

    Marked as helpful
    0
  • P
    pawelni123•150
    @pawelni123Submitted 15 days ago
    What are you most proud of, and what would you do differently next time?

    In the beginning, I had to think for a while about how to approach the project (this is my first project done independently). I didn’t want to use ChatGPT or other AI tools—I wanted to do it on my own. I managed the HTML code by myself using the BEM methodology. Then, I spent quite a long time considering the CSS. My perfectionism was really getting in the way—I wanted it to be pixel perfect, so I decided to switch to Figma in the form of dev tools (I have Figma in the dev tool version), which made writing the CSS code much easier. I hope this isn’t considered cheating, although I feel like I copied most of the ready-made CSS solution from Figma’s dev tool, so I’m not sure how independent my work really is. On the other hand, it is a learning experience in working with Figma, which seems to be the standard nowadays—everyone works that way. If not, please correct me and let me know whether using Figma in dev tools, where CSS information is provided, is acceptable and standard compared to solving the design on your own.

    QR code component (figma, css flexbox) Challenge 1

    2
    Aldi•230
    @AldikrasniqiPosted 15 days ago

    only the title color is not the same :/

    0
  • BoBoThaw•40
    @BoBoThawSubmitted 15 days ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the design. How quickly i could design after being idle for years.

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

    I encountered logic and data parts of this challenge. Took myself longer than expected in those parts and not quite satisfied with them.

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

    I want to get reviews about how my data handling, logic and components can be optimized for better performance with less code.

    MultiStepForm

    #svelte#typescript#tailwind-css
    1
    Aldi•230
    @AldikrasniqiPosted 15 days ago

    Data handling in this case its static <div class="text-sm" class:hidden={toggled===false}>2 months free</div> with 1 inspect element they would get 2 months free hahahahhaah. you should render 2 month discount only if toggled is true.

    0
  • P
    Justin Fulkerson•270
    @JF451Submitted 16 days ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of using flexbox, I would change the footer of the site to use the logos, I did not find them in the project.

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

    I had some challenges with making the site responsive.

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

    I would like help with the footer and making the website responsive. It does not look good for certain screen sizes.

    Built Website With Flexbox 2 column

    1
    Aldi•230
    @AldikrasniqiPosted 15 days ago

    Good job for using html 5 tags. In the design bottom right icons are missing. In the main section add align-items: center and height: 100% you can use this https://flexbox.help/ Logo in the top left needs some padding.

    0
  • Aldi•230
    @AldikrasniqiPosted 15 days ago

    You still need to add the background. Fix the typography.

    #root { max-width: 1280px; margin: 0 auto; padding: 2rem; text-align: center; }

    its better wraping a div than the main root div

    0
  • Alfonso Manuel Vidrio Lizaola•110
    @AlfonsoVidrioSubmitted 15 days ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of applying a mobile-first approach in this design. I found it easier than starting with desktop devices, as it helped me focus on the essentials and progressively enhance the design for larger screens.

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

    The main challenge was changing the image based on the device's resolution. I initially thought about using JavaScript, but after researching, I discovered the <picture> element, which allows me to achieve this functionality more efficiently.

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

    I don't have any specific areas where I need help, but I would appreciate any advice or suggestions that could help me improve my code.

    Responsive card component using BEM

    #bem
    1
    Aldi•230
    @AldikrasniqiPosted 15 days ago

    You can follow my suggestions: make the font weight of description 500 if u using tailwind(text-md). Add some gap in the right col and padding in right col. Make the submit button less padding (padding: 0.8rem 0;)

    1
  • Ahsan•110
    @ahsanmaSubmitted 15 days ago
    What challenges did you encounter, and how did you overcome them?

    Mostly deciding on the whether to display the image via background image or through picture element. And finally deciding on the picture element.

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

    All feedback regarding HTML & CSS is welcomed. Any arrears in which I could improve my code specifically and overall

    Product Preview Card - HTML & CSS Solution

    1
    Aldi•230
    @AldikrasniqiPosted 15 days ago

    perfect, keep it up!

    1
  • Nitiema Allassane•180
    @NitiemaDevSubmitted 17 days ago
    What are you most proud of, and what would you do differently next time?

    I am proud to have used Tailwind CSS for the first time and to have made the responsive design all by myself! By using the Tailwind CSS CDN, I was able to build this interface much more easily. A little example 😃? Here you go 🙂!

    Tailwind CSS CDN

      <script src="https://cdn.tailwindcss.com"></script>

    Here, the image styling with Tailwind CSS classes:

          <div class="w-[100%] h-[100%] md:overflow-hidden md:px-[40px] md:pt-[40px] ">
        <img src="./assets/images/image-omelette.jpeg" alt="Omelette image" class="w-[100%] h-[100%] object-cover md:rounded-[10px]">
      </div>
    What challenges did you encounter, and how did you overcome them?

    My challenge was the responsive design with Tailwind CSS. I overcame it thanks to the Tailwind CSS documentation, of course.

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

    My code works, but I always wonder if I followed best practices. I would love to receive feedback on my code and suggestions for improvement. Thanks in advance, and good luck to all of us!

    A responsive recipe page built with Tailwind CSS.

    2
    Aldi•230
    @AldikrasniqiPosted 17 days ago
    <div class="w-[100%] h-[100%] md:overflow-hidden md:px-[40px] md:pt-[40px] "> <img src="./assets/images/image-omelette.jpeg" alt="Omelette image" class="w-[100%] h-[100%] object-cover md:rounded-[10px]"> </div>

    w-full is the same as w-[100%], that goes same to height. try to use units by default from tailwind https://tailwindcss.com/docs/padding the rem is better than px and other units.

    Marked as helpful
    1
  • Aldi•230
    @AldikrasniqiPosted 17 days ago

    would be good, giving the some gap here <div class="flex flex-col items-center justify-center max-w-2xl w-full relative z-10">

    1
  • Aldi•230
    @AldikrasniqiPosted 17 days ago

    some errors not showing, and some of ticket card not in good align

    0
  • Dipanshu Raj•50
    @dipanshu-raj0102Submitted 18 days ago
    What challenges did you encounter, and how did you overcome them?

    I was not able to align text properly with appropriate spacing, in the end i used absolute positioning to fix not sure if it's correct.

    Flex

    1
    Aldi•230
    @AldikrasniqiPosted 18 days ago

    font-bold in social media title

    0
  • Aldi•230
    @AldikrasniqiPosted 18 days ago

    I would suggest to focus more on css grid and flex box.

    Marked as helpful
    0
  • Idris Ogundele•50
    @OgidolSubmitted 18 days ago
    What are you most proud of, and what would you do differently next time?

    I am so proud of myself for being able to think outside the box after several years of procrastination and failed strategies, i.e., watching tutorials and code along with tutors

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

    During the challenge, I faced issues understanding how git and github work and their installation

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

    I still face issues with the aspect of designing for various screen sizes(web responsiveness)

    Responsive QR-Code challenge

    2
    Aldi•230
    @AldikrasniqiPosted 18 days ago

    Try to make font colors and font family like in the design.

    0
  • Aldi•230
    @AldikrasniqiPosted 18 days ago

    Fonts are not the same, width of social media icons is not like the design Icons are not required.

    Marked as helpful
    1
  • P
    Wannika123•890
    @Wannika123Submitted 18 days ago
    What are you most proud of, and what would you do differently next time?

    Everything works!

    In the future, I want to make CPU stronger, but this is it for now. I've already spent so much time on this project.

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

    Any comment is welcome :)

    Almost-three-month project. (Next, React, TS)

    #accessibility#next#react#typescript#animation
    2
    Aldi•230
    @AldikrasniqiPosted 18 days ago

    good job overall, https://fem-connect-4-game.vercel.app/game/player height of the screen is a little bit scroll able. As i saw in the class .GameHeader_header-container remove the margin top 50px and add padding-top 13px.

    0
  • Moundjid Machghour•190
    @PxMachSubmitted 18 days ago
    What are you most proud of, and what would you do differently next time?

    the thing where i'm the most proud, it's just when i finished and what i would like do differently the next time is review my table skills.

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

    the challenge I've taken up is with the table, as it's been a long time since I used the table tag, I've overcome using the div tag instead of the table tag .

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

    I'd like someone to tell me whether I did well in the last section or not.

    Frontend-Mentor-Recipe-page

    2
    Aldi•230
    @AldikrasniqiPosted 18 days ago

    Try to be consistent with typography and spaces, overall layout look good

    1
  • P
    VirginiaPatrika•150
    @VirginiaPatSubmitted 20 days ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I managed to finish one more challenge. It's the second project I am using Sass, and I like how more organized the code can be.

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

    Is the way I implement BEM methodology correct? Any feedback on the code will be much appreciated!

    Meet - Landing Page using Sass

    #accessibility#sass/scss
    1
    Aldi•230
    @AldikrasniqiPosted 19 days ago

    Good Solution, I found a bug on your page. .footer__text__btn__container in the end has width=100vw and its making the layout scrollable horizontally. You can give overflow-y hidden but its not a good solution, what i suggest is: give the parent div in this case its footer 100% width and than assign 100% width in .footer__text__btn__container.

    Marked as helpful
    0