Making it Responsive Used media queries to adjust the card’s width on smaller screens:
I am a frontend developer with 1+ years of experience in building user interfaces for websites and web applications. I am proficient in HTML, CSS, and JavaScript, React, Tailwind. I am also a creative thinker. I am passionate about my work and I am always looking for new challenges.
I’m currently learning...I am currently learning NextJs.
Latest solutions
Coding bootcamp testimonials slider using SwiperJs, Tailwindcss & HTML
#tailwind-cssSubmitted almost 2 years ago
Latest comments
- P@str320Submitted about 2 months agoWhat are you most proud of, and what would you do differently next time?@pauldevcodesPosted about 2 months ago
the layout doesn't quite look good on mobile screens(320px - 375px). It could look good with some padding on both the right and left sides
0 - @susovan777Submitted about 2 months ago@pauldevcodesPosted about 2 months ago
Hi Susovan777,
I just went through your your code and noticed that you didn't utilise semantic HTML
0 - @SchismondSubmitted almost 2 years ago@pauldevcodesPosted almost 2 years ago
Hi Schismond, great work on completing the project.
I have some suggestions about your code that might interest you.
HTML:
- The
<header></header>
element is used to represent a section of a page that contains introductory or navigational aids. It can contain heading elements, logos, search forms, and other elements. - The
<nav></nav>
element is used to represent a section of a page whose purpose is to provide navigation links. - So this project doesn't exactly need a header and nav element since we have no links and so on. You could just wrap the entire code in
<main><main>
element.
I hope this was helpful
0 - The