@saseoz
👋 Hi there! I'm Franklynxchill, on a journey to become a full-stack developer. 🚀 I'm passionate about improving my skills and constantly learning new things to stay ahead in the ever-evolving tech world. Join me in my quest for knowledge and coding
I’m currently learning...JavaScript
Latest solutions
Testimonials grid section with CSS Grid
#accessibility#lighthouseSubmitted about 1 year agoI am open to honest critics and point out area i can improve myself. Thanks for your feedback
Four card feature section using CSS
#accessibilitySubmitted about 1 year agoI am open to honest critics and point out area i can improve myself. Thanks for your feedback
Recipe-page using CSS flexbox
#accessibilitySubmitted about 1 year agoI am open to honest critics and point out area i can improve myself. Thanks for your feedback
Social links profile
Submitted over 1 year agoI am open to honest critics and point out area i can improve myself. Thanks for your feedback
Blog preview card using css flex
#accessibilitySubmitted over 1 year agoI'm open to honest critics and point out area i can improve myself.
Huddle landing page with alternating feature blocks using CSS Flex
#accessibilitySubmitted over 1 year ago
Latest comments
- @franklynxchill
Nice job. Happy coding
- P@AcharaChisomSolomonWhat are you most proud of, and what would you do differently next time?
First time trying out grid
What challenges did you encounter, and how did you overcome them?Have to learn how to adjust lengths smoothly
What specific areas of your project would you like help with?Any tips on CSS clamp() would be welcome.
@franklynxchillNice work keep it up. Happy coding!!!
- @hogibpro98What are you most proud of, and what would you do differently next time?
Use can change bg image with each other sreem: 375 and more https://www.w3schools.com/cssref/pr_background-image.php
What challenges did you encounter, and how did you overcome them?no encounter
What specific areas of your project would you like help with?I understand how to use text-decoration https://www.w3schools.com/cssref/pr_text_text-decoration.php
@franklynxchillHi, the live site URL you uploaded is not for the product preview card. Do well to upload the right one. Happy coding!!!
- @MsftKingWhat are you most proud of, and what would you do differently next time?
I am proud that I was able to do this with the use of documentation and revisiting old projects that I put together while learning HTML and CSS.
What challenges did you encounter, and how did you overcome them?I did struggle with labeling and where to separate the divs but as I began to edit and work with the project, I was able to determine the best places to separate the project in order to get the final result.
What specific areas of your project would you like help with?If anyone can give me tips on how to better label and style the background of a specific div (i.e how to get that mauve pink border to look more appealing) I would really appreciate it.
@franklynxchillFor the table, you can style the element td which puts the color of the table value, adjust the paragraph front size to suit the design and finally work on the mobile responsiveness of your work. You tried but you can do more better. Happy coding....
Marked as helpful - @SierLor
- @Marie-297@franklynxchill
The card image top has all side border radius like use border-radius: 12px;, In the active state there is a hover change in the card. These is box-shadow effect when hovering on the card. Like on the card box-shadow: 8px 10px 1px 1px var(--Black); and card:hover box-shadow: 12px 12px 1px 1px var(--Black); and finally the avatar image and the name text are align at the center. Nice work happy coding
Marked as helpful
