Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Alexandru736• 210

    @Alexandru736

    Submitted

    What are you most proud of, and what would you do differently next time?

    I must say that simply using JS for the first time in a basic HTML, CSS, JS project makes me feel very proud. I struggled a bit in a few moments but I successfully overcame each of them. Next time, I would probably choose to use a CSS framework or a JS framework.

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

    • Positioning the image when you change from mobile version to desktop version. I got over this by setting fixed width and height to the container, since you don't really want it to grow bigger as the screen resolution grows larger.
    • setting up the popup for mobile ver and desktop ver. I got to learn how to use position: absolute.

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

    Not quite sure if the JS script could had been written in an easier way. Also, please look over the popup transition if it's done correctly. Thank you in advance!

    Article preview component using SASS and JS

    1

  • Ifeoluwayimika Oluwabiyi• 20

    @ifeoluwayimika

    Submitted

    What are you most proud of, and what would you do differently next time?

    While working on the project, i was able to practice CSS grid and flexbox. also learn a bit about flexbox, i would like to learn more about responsiveness.

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

    While working on the project, i had problems with embedding the the font but i was able to figure it out later on.

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

    I would like help learning further about responsiveness.

    Single grid price project-HTML and CSS

    1

    P
    Abdirahim Ali Mahamoud• 300

    @asad102

    Posted

    Looks well, the only errors i find it is responsive. Make hall card element center, you can achieve that code section element instead of body Make section element to min-height: 100vh; display: flex; place-items: center. In the card parts specify max width element and margin: 0 auto;

    Marked as helpful

    0
  • P
    Abdirahim Ali Mahamoud• 300

    @asad102

    Posted

    As you know this project have free figma file that you can use it to achieve the best solution in term of gap between objects, padding and much more. I see some errors in html, the only one i see it:- use button element instead of div in learning parts. In css file use correct padding and margin extracting from figma file.

    Marked as helpful

    1
  • P
    Abdirahim Ali Mahamoud• 300

    @asad102

    Posted

    Functionality works perfect, this project equal a complete course to learn to solve

    0
  • Walid Hawari• 100

    @whawari

    Submitted

    What are you most proud of, and what would you do differently next time?

    I enjoyed personalizing the color palette of this project.

    Below links helped me pick out the colors for this project:

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

    The one main challenge I faced is to determine how to use different shades (opacity) for the same color. I solved this problem by following: Tailwind CSS docs - changing text color opacity

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

    Is there a way to configure color shades in Tailwind config file (tailwind.config.js) or in Tailwind main CSS file?

    Responsive social links profile using Tailwind CSS

    1

  • P
    Abdirahim Ali Mahamoud• 300

    @asad102

    Posted

    Your design looks pretty well almost, just only add border & specify the height of card using max height -- your code <article className="bg-white_neutral p-4 rounded-2xl card grid gap-6 max-w-[375px]"> -- add <article className="bg-white_neutral p-4 rounded-2xl card grid gap-6 max-w-[375px] border border-black lg:h-[522px] h-[501px]">

    0
  • P
    AJuliette• 20

    @AJuliette

    Submitted

    What are you most proud of, and what would you do differently next time?

    This is my first time using Tailwind and it was pretty easy to get used to.

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

    How to make the image with border radius all along because they"re only on top.

    Tailwind QR Code

    1

  • Rajeev• 70

    @trajev

    Submitted

    What are you most proud of, and what would you do differently next time?

    • Maintaining Consistency

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

    • Applying Font Family was felt difficult, imported and just applied to each element in CSS.

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

    • Learning Font Weights
    • Understanding Color Scheme.

    Blog Preview Card using HTML and CSS

    1

    P
    Abdirahim Ali Mahamoud• 300

    @asad102

    Posted

    You Know it Free Plus project, you can use Figma design to get the measurements and details of the project that will help you to achieve the best solution.

    configure heading getting guides from figma, use main element then card to style main elements instead of body

    Marked as helpful

    0
  • P
    Abdirahim Ali Mahamoud• 300

    @asad102

    Posted

    congratulation you did it almost in this challenge, only you miss it the background

    Marked as helpful

    0