P
Marc Francis• 520
@marcfranciss
Submitted
Accel-exe
@Accel-exe
All comments
- Accel-exe• 170
@Accel-exe
Posted
cursom is incorrect
Marked as helpful
1 - Veera Bramha Chary• 130
@Veerabramhachary
Submitted
What specific areas of your project would you like help with?
I'm glad to accept any advice on this challenge. I'm still learning and appreciate any help. Thank you all!
Accel-exe• 170@Accel-exe
Posted
'-'
0 What are you most proud of, and what would you do differently next time?
Proud of the tooltip, my js logic in this project is kinda messy, woud probably need some improvement.
What challenges did you encounter, and how did you overcome them?
The whole onclick logic and adding/removing css classes/styles was hard for me to figure out
What specific areas of your project would you like help with?
Any feedback would be appreciated
Accel-exe• 170@Accel-exe
Posted
'-'
0@Cjsrodrigo
Submitted
What are you most proud of, and what would you do differently next time?
I'm mostrly proud of getting used to CSS grid.
Mobile-first approach.
What challenges did you encounter, and how did you overcome them?
Solution went quite smoothly, only findind problem with some minor details.
What specific areas of your project would you like help with?
On large screens, I faced some problems with the grid, where the card components did not occupy the whole conteiner, resulting on a different solution than expected with the challenge. Probably have to learn some grid techniques/properties.
Thanks! :)
Accel-exe• 170@Accel-exe
Posted
'-'
0What are you most proud of, and what would you do differently next time?
Proud of how the cards are responsive and the grid changes based on the screen size, put extra effort into it.
What challenges did you encounter, and how did you overcome them?
Had to get more familiar with some grid css properties (e.g. justify-items, justify-self) to place cards properly.
What specific areas of your project would you like help with?
Any feedback would be much appreciated, thank you😊!
Accel-exe• 170@Accel-exe
Posted
'-'
0- Jennifer Chen• 50
@JenniferjjChen
Submitted
What are you most proud of, and what would you do differently next time?
I am most proud of being able to incorporate both mobile and desktop versions, with the slightly different layouts for each screen size. I tried to do desktop first in this challenge. I would want to try to do mobile first in the next challenge.
What challenges did you encounter, and how did you overcome them?
Trying to figure out how to use the landscape or portrait image when screen size is different was difficult. Had to try out a bunch of things before hand before finding the solution that worked.
Accel-exe• 170@Accel-exe
Posted
'-'
0 - Lord-Zethes• 100
@Lord-Zethes
Submitted
What are you most proud of, and what would you do differently next time?
I am most proud of how I managed to effectively utilize max-height and min-height properties to create a responsive and visually appealing blog preview card. Learning how to handle margins, padding, and alignment better has significantly improved the overall layout and design of the project. Additionally, I’m pleased with my progress in mastering pixel usage, borders, and hover techniques, which added a polished touch to the final design.
Looking ahead, I would focus on determining the exact dimensions of the card more precisely to ensure a more consistent and professional look. I plan to delve deeper into techniques for measuring and designing components accurately. Continuing to refine my skills in HTML and CSS will also be a priority to enhance the quality and responsiveness of future projects.
What challenges did you encounter, and how did you overcome them?
One of the main challenges I encountered was managing the layout and dimensions of the card to ensure it was both responsive and visually balanced. I struggled with using max-height and min-height effectively to achieve the desired layout without causing overflow or misalignment issues.
To overcome this, I focused on understanding how these properties interact with other CSS features such as margins and padding. I utilized various CSS debugging tools to visually inspect and adjust the layout. By experimenting with different values and combinations, I was able to refine the card's dimensions and alignment.
Another challenge was perfecting the hover effects and ensuring they worked consistently across different screen sizes and browsers. I addressed this by thoroughly testing the hover states and making adjustments as needed to ensure a smooth and interactive user experience.
These experiences taught me valuable lessons in CSS layout techniques and responsive design, which will be beneficial in future projects.
What specific areas of your project would you like help with?
I would appreciate help with the following areas:
Precision in Dimensions: I want to improve my skills in accurately determining and setting the exact dimensions of the card. Guidance on techniques for measuring and adjusting component sizes more precisely would be valuable. Advanced CSS Techniques: While I’ve made progress with basic CSS properties, I’m interested in learning more advanced CSS techniques and best practices, particularly in areas like CSS Grid and advanced Flexbox layouts. Responsive Design: Although I used a mobile-first approach, I’d like to deepen my understanding of responsive design principles to ensure that all elements of the card adapt seamlessly across various screen sizes and devices. Cross-Browser Consistency: Ensuring that the card looks and functions consistently across different browsers is an area where I’d like to get more expertise. Tips on effective cross-browser testing and fixing compatibility issues would be helpful.Accel-exe• 170@Accel-exe
Posted
'-'
0 - Homey Poon• 60
@homeypoon
Submitted
Accel-exe• 170@Accel-exe
Posted
Cool
0 - PHaleigh Valentine• 10
@haleigh27
Submitted
Accel-exe• 170@Accel-exe
Posted
Does the solution include semantic HTML
0
