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

  • P
    Alice• 170

    @AliceeLe

    Posted

    I really like your solution. Your relative size is much more accurate than mine. However, what you can try doing is make your texts responsive to resizing using <h1 style="font-size:8vw;">Hello World</h1> for instant.

    Marked as helpful

    0
  • @Coding-is-fun12345

    Submitted

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

    I am proud of the columns

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

    I had to scrap most of the css for the borders and the column.

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

    the borders and columns

    P
    Alice• 170

    @AliceeLe

    Posted

    I feel like the grid is a little bit off. I imagine there having 5 rows. For Team builder and Calculator, my grid-row is 2 / 4, meaning it expands from row 2nd to 4th. For Supervisor and Karma, it's 1 / 3 and 3 / 5 consecutively. Furthermore, the gap is a little bit big. You can use white as the color for the individual boxes, and box-shadow to have some shadowings.

    0
  • Flambeee• 60

    @Flambeee

    Submitted

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

    .

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

    .

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

    .

    P
    Alice• 170

    @AliceeLe

    Posted

    Your design is really nice. I really like how when the screen is too small, the component itself will become a horizontal version. However, you can make your text more responsive to changes in sizes using text-transform.

    0
  • P
    Alice• 170

    @AliceeLe

    Posted

    The menu should only be a white box against the pink background so I suggest you can create a div for the menu, then adjusting the size against the background. Furthermore, you can adhere to the fonts by installing fonts on Google and look at the sizes.

    0
  • JoniMonetti1• 40

    @JoniMonetti1

    Submitted

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

    I think what I'm most proud of is that I did this project 100% myself.

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

    The main challenge was thinking how to make the social media buttons and how to organize everything.

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

    I would like help on how to define the heights of the labels, I don't know whether to use %, pixels, em, rem, etc.

    P
    Alice• 170

    @AliceeLe

    Posted

    I think your project is pretty solid. I'd say % depends more on the relative size of the screen. I usually use % because then, I don't need to guess the pixel number. Another suggestion is that you can use a different font color for the attribution such as white so the audience can see better.

    0
  • @Raxel01

    Submitted

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

    this project make me practicing the grid and flex concepts that was very good for me : Combining between grids and flex in same project , I'll learn more about how to center an element with absolute position using body as reference.

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

    challenges are : * How to include the fonts downloaded from google : solution : you should just select the font from google font copy the link and include it in the head congratulation you are good .

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

    • element centering
    • text manipulation.
    • Time of creating projects
    P
    Alice• 170

    @AliceeLe

    Posted

    I think you did a pretty good job at aligning the items. However, you can make use of paddings so that the elements are more spaced out visually.

    Marked as helpful

    1