it was challenging for me when i start with mobile-first but i did it well
Alice
@AliceeLeAll comments
- @Tayara97Submitted 6 months agoWhat challenges did you encounter, and how did you overcome them?@AliceeLePosted 6 months ago
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 helpful0 - @Coding-is-fun12345Submitted 6 months agoWhat 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
@AliceeLePosted 6 months agoI 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 - @FlambeeeSubmitted 6 months agoWhat 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?.
@AliceeLePosted 6 months agoYour 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 - @emma-fundzSubmitted 6 months ago@AliceeLePosted 6 months ago
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 - @JoniMonetti1Submitted 6 months agoWhat 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.
@AliceeLePosted 6 months agoI 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 - @Raxel01Submitted 6 months agoWhat 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
@AliceeLePosted 6 months agoI 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 helpful1